使用jQuery處理AJAX請求的基礎學習教程_jquery

1、$.ajax$.get(url,data,callback,type)$.post(url,data,callback,type).urldata(obj)callback()type(ContentType)$.get(/test?x=1);$.get(/test,z:2);$.post(/test,y:2);$.get(/user,function(data,callbacktype,jqXHR)data/callbacktype/()jqXHR/jQueryXHR);$(selector).load(url,data,callback)selector$(#content).load(/

2、user);$.getJSON(url,data,callback)JSON$.getJSON(/test,type:1,function()console.log(argument);$.getScript(url,claaback)$.gerScript(/js/test.js,function()alert(test(1,2););$.ajax$.ajax(url,settings);$.ajax(url:/test,success:function()alert(ok););successerrorstatusCode,complete()$.ajax(/test,success:fu

3、nction(data)console.log(arguments);,error:function(jqXHR,textStatus,err)/jqXHR:jQueryXHR/textStatus:/err:throwconsole.log(arguments);,complete:function(jqXHR,textStatus)/jqXHR:jQueryXHR/textStatussuccess | errorconsole.log(arguments);,statusCode:function()403:function(jqXHR,textStatus,err)/jqXHR:jQu

4、eryXHR/textStatus:/err:throwconsole.log(arguments);console.log(400);,400:function()console.log(400););data,processData,contentType,traditional$.ajax(/test,/data:a:1,b:2,/type:POST,/(html)processData:true,/urltraditional:true,/contentType:application/json);dataType,dataFilter$.ajax( /test,success:fun

5、ction(data)console.log(typeof data),/dataType:json | html | text | jsonp | script,/dataFilter:function(data,type)/data:/type:);beforeSend$.ajax(/test,beforeSend:function(jqXHR,settings)console.log(arguments);jqXHR.setRequestHeader(test,haha);jqXHR.testData = a:1,b:2;,complete:function(jqXHR)console.

6、log(jqXHR.testData);GET() | POST | PUT | DELETEasync(true)cache(true)1. global2. ifModifed3. username,passwordhttp4. timeouterror5. contextthisAPI$.ajaxSetup(option)/get$.ajax(/test);/post$.ajaxSetup(type:post,headers:test:new Date().getTime,cache:false);/post$.ajax(/test);$.ajaxPrefilter(dataTypes,

7、handler(option,originalOptions,jqXHR)AOP()1. option2. option3. returndataTypereturndataType$.ajaxPrefilter(text html json,function(options,originalOptions,jqXHR)/options/originalOptions/jqXHR:jQueryXHRconsole.log(arguments);if(options.url = /test)return text;);$.ajax(/test,type:post,dataType:text,/t

8、est:haha);var requests = ;$.ajaxPrefilter(function(options,originalOptions,jqXHR)if(requestsoptions.url)requestsoptions.url.abort();requestsoptions.url = jqXHR;);$.ajax(/test/);$.ajax(/test/);$.ajaxPrefilter(function(options)if(options.url.substr(0,5) = /usr)options.url = options.url.replace(/usr/,/

9、user/);options.header = a:1);$.ajax(/usr/);jQuery-1.9document$(document).ajaxSuccess(globalEventHander);$(document).ajaxError(globalEventHander);$(document).ajaxComplete(globalEventHander);$(document).ajaxStart(globalEventHander);$(document).ajaxStop(globalEventHander);$(document).ajaxSend(globalEve

10、ntHander);function globalEventHander(event)console.log(arguments);console.log(event.type);$.ajax(/test?err=y);/$.ajax(/test?err=n);/:/ajaxStart >> ajaxSend >> ajaxSend >> ajaxSuccess >> ajaxComplete >> ajaxError >> ajaxComplete >> ajaxStop1. param key/value

11、2. serialize URL 3. serializeArray()param()var params = a:1, b:2 ;var str = $.param(params);console.log(str);/a=1&b=2serialize()serializeArray()First:Last :ajaxJScallbackJSajax$.ajax(url: test.html,success: function()console.log(success);,error: function()console.log(error););UpjQuery1.5Deferred$.ajax(test.html).done(function()console.log(success);).fail(function()console.log(error););function fnA().function fnB().$.ajax(test.html).done(fnA).done(fnB);function fnA().function fnB().$.aja