前言
今天主要讲一下JQ中的异步编程,它将ajax进行封装,在进行异步请求时显得非常容易,无论是GET,POST方式,还是text,xml,javascript,json等数据通讯都是那么的自然
现在,我们就走入jq的ajax的殿堂吧。
GET请求获取数据
ajaxData.htm的内容为:
- data:zzl
- infomation:better man
POST请求操作数据
$.ajax({ type:'POST', data:{name:'zzl',email:'bfyxzls@sina.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的封装,还有几个简洁的写法,等下次再写,写个续集!
感谢阅读!