使用jQuery处理AJAX请求的基础学习教程

$.ajax快捷方法

$.get(url,[data],[callback],[type])$.post(url,[data],[callback],[type])

两种方法请求方式不同，其他方式相同.
参数：url[请求地址]，data[请求的数据内容(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//jQuery封装的XHR对象});$(selector).load(url,[data],[callback])

将页面片段载入到selector的容器里面

$("#content").load('/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');  }});

处理响应结果的回调函数：
success[成功]，error[请求失败]，
statusCode[指明返回的状态码的回调函数],
complete[请求返回前的回调函数(处理返回不同状态码的请求)]

$.ajax('/test',{  success:function(data){    console.log(arguments);  },  error:function(jqXHR,textStatus,err){    //jqXHR:jQuery增强的XHR    //textStatus:请求完成状态    //err:底层通过throw抛出的异常对象，类型与值与错误类型有关    console.log(arguments);  },  complete:function(jqXHR,textStatus){    //jqXHR:jQuery增强的XHR    //textStatus：请求完成状态success | error    console.log(arguments);  },  statusCode:function(){    '403':function(jqXHR,textStatus,err){      //jqXHR:jQuery增强的XHR      //textStatus:请求完成状态      //err:底层通过throw抛出的异常对象，类型与值与错误类型有关      console.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,  //当前的数据是否使用传统方式进行url编码  traditional:true,  //请求数据编码格式  contentType:'application/json'});

响应数据：dataType,dataFilter

$.ajax('/test',{  success:function(data){    console.log(typeof data)  },  //定义的返回数据的类型  dataType:'json | html | text | jsonp | script',  //返回底层的原始数据进行预处理  dataFilter:function(data,type){    //data:原始数据    //type:指定的数据类型  }  });