二款异步调用天气实例代码

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery js 实例代码</title>
<script language="网页特效">
function getjsfile(url, callback){
var xh = window.xmlhttprequest ? new xmlhttprequest : new activexobject('msxml2.xmlhttp');
xh.open('get',url,true);
xh.onreadystatechange = function(){
if(xh.readystate == 4 && xh.status == 200){
if(window.execscript) window.execscript(xh.responsetext);
else eval.call(window, xh.responsetext);
eval(callback)();
}
}
xh.send('');
}
//jquery异步调用天气

$.ajax({type:"get", url: "http://m.weather.com.cn/data/101210401.html", datatype: "html",
success: function(json){
alert(json);
var t = '('+json+')';
alert(t);
var result = eval(t);
//var result = eval("{" + json + "}");
//alert(json.responsetext);
alert(result);
$("#weather").append(result.weatherinfo.city+'&nbsp;<img src=https://.oss-cn-hangzhou.aliyuncs.com/erro.html/>'+'&nbsp;<img src=https://.oss-cn-hangzhou.aliyuncs.com/erro.html/>&nbsp;'+result.weatherinfo.weather1+'&nbsp;'+ result.weatherinfo.temp1);
}
});

方法三

function page_init() {
            try {
                $.get("http://fff.ff.com/responsevalue.aspx?cam_id=novell20100608&msg={count}", null, getcallback, 'json');
            } catch (e) {

            }

        }
        function getcallback(response) {
            if (typeof (response) != "object") {
                $('#persons').html('0');
                return false;
            }
            if (response.error == 1) {
                //alert(response.msg);
                $('#persons').html(response.msg);
                return;
            }

        }

调用方法:

$(document).ready(
function() {
      page_init();
});

</script>
</head>

<body>
</body>
</html>

时间: 2024-10-31 22:59:45

二款异步调用天气实例代码的相关文章

jquery js 异步调用天气实例代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="con

关于webservice的异步调用简单实例

web|异步 关于webservice的异步调用简单实例无论在任何情况下,被调用方的代码无论是被异步调用还是同步调用的情况下,被调用方的代码都是一样的, 下面,我们就以异步调用一个webservice 为例作说明.这是一个webservice <WebMethod(Description:="试验")> _ Public Function delCurTable(ByVal tbName As String) As Boolean Try Return True Catch

jQuery Ajax 全局调用封装实例代码详解_jquery

有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! [嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人] jQuery Ajax通用js封装 第一步:引入jQuery库 <script type="text/javascript" src="/js/jquery.mi

ajax异步调用数据实例

ajax异步调用数据实例 通过ajax在客户端调用后台代码,通过后台代码更改,修复,查询数据,并把结果返回给客户端,在客户端获取到服务器返回的数据在做相应的操作,从而实现通过HTML控件操作一些在网页特效比较难实现的功能:比如通过HTML的控件访问查询数据库教程,并把结果传给客户端显示,这方面在google地图开发应用得比较多,下面以一个简单的实例说明: 添加一个.asp教程x的页面,命名为:ajaxPKashx.aspx,全部代码如下:  1 <%@ Page Language="C#&

PHP异步调用socket实现代码_php技巧

PHP异步调用实现方式 浏览器和服务器之间只一种面向无连接的HTTP协议进行通讯的,面向无连接的程序的特点是客户端请求服务端,服务端根据请求输出相应的程序,不能保持持久连接. 这样就出现了一个问题,一个客户端的相应服务端可能执行1秒也有可能执行1分钟,这样浏览器就会一直处于等待状态,如果程序执行缓慢,用户可能就没耐心关掉了浏览器. 而有的时候我们不需要关心程序执行的结果,没有必要这样浪费时间和耐心等待,那我们就要想出办法让程序不收等待在后台静默执行. 比如现在有一个场景,给1000个用户发送一封

二款js 年月日星期显示代码

二款js 年月日星期显示代码  <SCRIPT language=javascript教程> function showDate() { var d = new Date();  document.write("<div class="date_div">"+d.getYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日"); switch(d

java 画一个曲线实例代码(二款jsp绘制曲线实例)(1/2)

java 画一个曲线实例代码(二款网页特效phttp://www.111cn.net/网页特效p.html target=_blank >jsp教程绘制曲线实例) /* 参数名 描 述  画出模式 必需的: 整数型.参数值可以为以下常量: 6912.#点,将画出的多边形显示为点: 6913.#线,将画出的多边形显示为线段:   曲线起点 必需的: 整数型.参数值应该介于 0 和"设置曲线等分点"命令中的"u向等分数"之间.  曲线终点 必需的: 整数型.参数值

2款PHP无限级分类实例代码_php技巧

本文章总结了两款PHP无限级分类实现程序代码,有需要学习的朋友可参考一下.主要思路:首先看第三行和第四行,父类ID(PARENTID)的值是1,表示属于id=1这个类的子类,而,一,二两行因为是一级分类,没有上级分类,所以父类ID(PARENTID)的值是0,表示初级分类,依次类推便实现了无限级分类.最终的效果是:├一级分类A ├─┴二级分类A ├─┴二级分类B ├一级分类B然后就是程序,这里以PHP作为描述语言,可以很方便的改成其他语言,因为原理相似,就是一个递归而已. <?php $dbho

二款jquery div显示隐藏代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-