东莞朝阳企讯网做的网站,做网站设计注意什么细节,品牌建设10阶梯,营销活动方案回到目录 前言 今天主要讲一下JQ中的异步编程#xff0c;它将ajax进行封装#xff0c;在进行异步请求时显得非常容易#xff0c;无论是GET#xff0c;POST方式#xff0c;还是text,xml,javascript,json等数据通讯都是那么的自然 现在#xff0c;我们就走入jq的ajax的殿堂…回到目录 前言 今天主要讲一下JQ中的异步编程它将ajax进行封装在进行异步请求时显得非常容易无论是GETPOST方式还是text,xml,javascript,json等数据通讯都是那么的自然 现在我们就走入jq的ajax的殿堂吧。 GET请求获取数据 script srchttp://img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js typetext/javascript/scriptscript typetext/javascript $.ajax({ type: GET, dataType: html, url: ajaxData.htm, data: {}, //参数信息采用对象的形式也可以使用URL地址比较传统的将参数分隔 error: function () { alert(获取数据失败); }, beforeSend: function () { alert(发送请求之前出现错误); }, success: function (data) { $(#list).html(data) } });/script ajaxData.htm的内容为 ullidata:zzl/liliinfomation:better man/li
/ul POST请求操作数据 $.ajax({type:POST, data:{name:zzl,email:bfyxzlssina.com,addr:beijing},url: /ajax/insert.ashx,success: function(data) {if(data.res)alert(操作成功‘);}
}); 注意AJAX可以跨域发GET请求来读取数据但不可以发POST请求这是正常的要不就太危险了呵呵。 $.ajax({type:GET,dataType:jsonp,jsonp: jsonpcallback, //需要与服务端的jsonp字符匹配 url: http://www.sina.com/ajax/test.,success: function(data) {$(#result).html(data);}
}); 对于JQ为AJAX的封装还有几个简洁的写法等下次再写写个续集 感谢阅读 回到目录