资源描述:
《JQuery中的AJAX详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、JQuery中的AJAX详解目录(?)[-]1.load方法2.getJSON方法3.getScript方法4.get方法5.post方法6.serialize方法7.ajax方法8.ajaxSetup方法9.ajaxStart和ajaxStop及其他全局事件load()方法load(url,[data],[callback])url为被加载的页面地址data表示发送到服务器的数据,格式为key/valuecallback格式为:function(responseText,textStatus,XMLHttpReq
2、uest){}//responseText:请求返回的内容//textStatus:请求状态:success、error、notmodified、timeout这4种//XMLHttpRequest:XMLHttpRequest对象load()方法的传递方式根据参数data来自动指定。如果没有参数传递,则采用GET方式传递;反之,则自动转换为POST方式[javascript] viewplaincopyprint?1.$("#div1").load( 2."jsp/feed.jsp", //如果为" js
3、p/feed.jsp .filterClass",则表示获取jsp页面中类名为filterClass的全部元素 3.{ 4. name :clf, age : 25 5.//经测试,变量名加引号、单引号、不加引号,后台都能取到值 6. //如果含有中文,必须用encodeURI()进行编码,然后再服务器端用decodeURI()解码即可,如 7.// {name:encodeURI($("#uName").val()),"password":$("#uPassword").val(
4、)}, 8.}, //也可以用数组传值,{"attr []",["clf","25","male"]} 9.function (){ 10. $("#div2").text("AJAX"); 11.} 12.); [javascript] viewplaincopyprint?1.$("div").load("wrongname.xml",function(response,status,xhr){ 1. if (status=="success") 2. { 3
5、. $("div").html("
"); 4. $(response).find("artist").each(function(){ 5.
varitem_text = $(this).text(); 6.
$('
'
6、).html(item_text).appendTo('ol'); 7. }); 8. } 9. else 10. { 11. $("div").html("Anerror occured:
" + xhr.status + " " + xhr.statusText) 12. } 13. }); getJSON()方法
7、getJSON(url,[data],[callback])callback格式为function(data,textStatus){}data是一个返回的json对象[javascript] viewplaincopyprint?1.$.getJSON("test.js",{ name: "John", time: "2pm" }, function(json){ 2. alert("JSON Data: " +json.users[3].name); 3.}); getScript()方法getScri
8、pt(url,[callback])callback格式为function(response,status) response-包含来自请求的结果数据 status-包含请求的状态("success","notmodified","error","timeout"或"parsererror")通过此函数注入的脚本会自动执行get()方法get