基本用法

$.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 即可