jQuery的ajax方法

Posted 2020-08-27 小胖子不想动

jQuery的ajax方法

• $.ajax(settings)

  • type:请求类型，默认GET
  • url:数据请求地址（API地址）
  • data:发送到服务器的数据对象，格式：{Key:value}。
  • success:请求成功时回调函数。
  • dataType:设定返回数据的格式，json, jsonp, text(默认), html, xml, script
  • async：是否为异步请求，默认true

• $.get(url,[data],[fn],[dataType]) // type:’get’

• $.post(url,[data],[fn],[dataType]) // type:’post’

• $.getJSON(url,[data],[fn]) // type:’get’, dataType:’json’

• $.getScript(url,[callback]) // type:’get’, dataType:’script’

• load(url,[data],[callback]) 载入远程 HTML 文件代码并插入页面中。
  [案例]加载html文件
  [案例]滚动加载（懒加载）

ajax全局事件与全局设置

• ajaxError(callback) //AJAX 请求发生错误时执行函数
• ajaxStart(callback) //AJAX 请求开始时执行函数
• ajaxSuccess(callback) //AJAX 请求成功时执行函数

1.9版本后只能写在$(document)对象上触发

• $.ajaxSetup([options])
  设置全局 AJAX 默认选项，options为$.ajax方法中的参数。