基本用法

$.ajax方法，有两种语法：

  • $.ajax([url],[options])

  • $.ajax([options])，将会 url 参数也包含在 options 参数中

  1. $.ajax({
  2.   type:'POST',
  3.   url:'./1.xml',
  4.   data:{q:12,w:13},
  5.   async: true,
  6.   // 数据类型
  7.   dataType:'XML',
  8.   cache:true,// 默认支持使用缓存，针对 get 有作用
  9.   success:function (data) {
  10.     console.log(data)
  11.   },
  12.   error:function (res) {
  13.     console.log(res)
  14.   }
  15. });

参数配置项

  • url：请求地址

  • type：请求方式

  • data：发送数据

    • 如果是 get 请求就是基于问号传参传递过去的

    • 如果是 post 请求就是基于请求主体传递过去的

    • 可以传递字符串，也可以传递对象，一般使用对象

      • 如果是对象类型，JQ 也会把其转换为 xxx=xxx&xxx=xxx 模式（x-www-form-urlencoded），也是 post 请求默认的模式

      • 如果是字符串，写什么就传递什么

  • dataType：获取数据的格式

    • TEXT、JSON、JSONP、HTML、XML、SCRIPT

    • 服务器返回给客户端的响应主体中的内容一般都是字符串（JSON 格式居多），而设置 dataType 为 JSON，JQ 会内部把获取的字符串转为 JSON 格式对象

    • 不会影响服务器返回的结果，只是把返回的结果进行二次处理

  • async：设置同步异步，布尔类型，默认 true

  • cache：是否支持缓存，只针对 get 起作用，默认 true

    • 通过时间戳解决缓存问题

  • success：成功后的回调

    • 参数为已经被处理后的数据

  • error：失败后的回调

其他方法

$.get / $.post / $.getJSON / $.getScript 等等这些方法都是基于 $.ajax 构建出来的快捷方法，项目中直接使用 $.ajax 即可