最底层:$.ajax()
第二层:load()、 $.get() 、$.post()
第三层:$.getScript()、$.getJSON()
ajax
$.ajax({
url: 发送请求的地址
type: 请求方式 ("POST" 或 "GET")
async: 请求方式(异步true或者同步false)
timeout: 设置请求超时时间(毫秒)
data: 发送到服务器的数据。将自动转换为请求字符串格式
dataType: 预期服务器返回的数据类型(xml html script json jsonp text)
beforeSend: 发送请求前
complete: 请求完成后回调函数 (请求成功或失败之后均调用)
success: 请求成功后的回调函数
error: 请求失败时调用此函数
global: 是否触发全局 AJAX 事件(true或者false)
})
Ajax全局事件
ajaxStart() // 请求开始时
ajaxStop() // 请求结束时
ajaxSend() // 请求发送前执行的函数
ajaxComplete() // 请求完成时执行的函数
ajaxSuccess() // 请求成功时执行的函数
ajaxError() // 请求错误时执行的函数
load
load(url,data,callback) // 传递方式根据data来自动指定,没有data为get,有则post
cs1:请求html页面的url地址
cs2:发送到服务器的key/value数据
cs3:请求完成时的回调函数,无论请求成功或失败
$(selector).load("test.html",function(responseText,textStatus,XMLHttpRequest){
cs1:请求返回的内容
cs2:请求状态:success、error、 notmodified、timeout
cs3:XMLHttpRequest对象
})
get() 、post()
$.get(url,data,callback,type)
cs1:请求html页面的url地址
cs2:发送到服务器的key/value数据
cs3:载入成功时回调函数(只有当response的返回状态为success才调用该方法)
cs4:服务器端返回内容的格式
$.get("get1.php",data,function(data,textStatus){
cs1:返回的内容
cs2:请求状态:success、error、 notmodified、timeout
},type)
post()与get()使用方一致
getScript()、getJSON()
$(selector).click(function(){
$.getScript(url,data,callback) // cs1请求发送的哪个 URL cs2连同请求发送到服务器的数据 cs3请求成功时运行的函数
})
$.getJSON与 getScript使用发发一致
序列化
serialize() // 返回会字符串格式
serializeArray() // 返回json格式数据
$.param() // 对一个数组或对象按照 key/value 进行序列化
网友评论