Jquery对异步提交进行了封装,可使用$.ajax(),$.get(),$.post()来简化提交。
特别注意:jquery封装的ajax方法,当数据返回为null时,将不会执行success方法。
1.$.ajax()
格式:
$.ajax({
type:请求方式,
url:请求路径,
data:请求参数,必须是json形式的字符串,即:{"name":"zhanshan","password":"123"}
success:function(data,[textStatus],[jqXHR]){},请求成功回调函数
dataType:服务端返回的数据类型(xml,script,json,html),
error:function([XMLHttpRequest],[textStatus],[errorThrown]){},请求失败回调函数
async:是否发送异步请求,默认为true,
timeout:设置请求超时时间
cache:是否加载缓存信息,默认为true,当dataType为script时默认为false
beforeSend:function(XMLHttpRequest),请求发送前执行该函数
complete:function(XMLHttpRequesttex,textStatus){},无论请求成功或失败都执行该函数
contentType:设置请求内容编码,默认为“application/x-www-form-urlencoded”
dataFilter:function(data,dataType){},对响应数据进行预处理
userName:响应http请求认证的用户名
password:响应http请求认证的用户密码
});
注意,上面除了type,url是必选项外,其余全是可选项.
2.$.post
格式:
$.post(url,[data],[callback],[type]);
说明:url为请求路径,
data为请求参数(key/value)键值对
callback为请求成功的回调函数,其中包括响应数据,请求状态,XHR对象
type为请求发送的数据类型
注意:请求状态有:success、error、notmodified、timeout
3.$.get()
格式:
$.get(url,[callback],[type]);