08-jQuery的AJAX

jQuery的AJAX

AJAX底层接口

• jQuery.ajaxSetup(settings)：为以后的AJAX请求设置默认值
• jQuery.ajax(settings)：按照设置对象像发送AJAX请求
  • url：请求的url地址，默认当前页地址
  • type：请求类型，默认GET
  • data：发送的数据对象
  • scriptCharset：发送请求数据对象的字符集
  • contentType：发送数据对象类型
    • application/x-www-form-urlencoded：表单格式，默认值
    • application/json：json格式
    • multipart/form-data：混合模式，一般用于文件上传
  • dataType：要求服务器返回的数据类型
    • html：返回纯文本HTML信息
    • script：返回纯文本JavaScript代码
    • json：返回JSON数据，一般指定为json
    • jsonp：返回JSONP格式
    • text：返回纯文本字符串
  • succes：成功的回调，回调中第一个参数为服务器返回的数据对象
  • error：失败的回调，回调中第一个参数为XML对象
  • jsonp：jsonp方式跨域请求
  • jsonpCallback：jsonp跨域请求回调函数名

快捷方法

• jQuery.get(url[,data,callback,dataType])：使用GET请求获取数据
  • url：请求的url地址
  • data：发送的数据对象
  • callback：成功的回调，回调中第一个参数为服务器返回的数据对象
  • dataType：要求服务器返回的数据类型
• jQuery.post(url[,data,callback,dataType])：使用POST请求获取数据
  • url：请求的url地址
  • data：发送的数据对象
  • callback：成功的回调，回调中第一个参数为服务器返回的数据对象
  • dataType：要求服务器返回的数据类型
• jQuery.getJSON(url[,data,callback])：使用GET请求获取JSON格式数据
  • url：请求的url地址
  • data：发送的数据对象
  • callback：成功的回调，回调中第一个参数为服务器返回的数据对象
• jQuery.getScript(url[,callback])：使用GET请求加载JavaScript脚本
  • url：请求的url地址
  • callback：成功的回调，回调中第一个参数为服务器返回的数据对象
• jQuery.prototype.load(url[,data,callback])：使用AJAX替换当前元素，默认使用GET方式，但是有data参数时为POST方式
  • url：请求的url地址
  • data：发送的数据对象
  • callback：替换后的回调函数（不管成功或失败都会执行），回调中第一个参数为服务器返回的数据对象

AJAX事件

通常用来做加载动画

• jQuery.prototype.ajaxStart(callback)：当前jQuery对象发送AJAX请求时触发
• jQuery.prototype.ajaxStop(callback)：当前jQuery对象AJAX请求结束时时触发

辅助方法

• jQuery.prototype.serialize()：返回表单中name和value的标准URL编码
• jQuery.param(object)：返回object的标准URL编码