JQuery版本的AJAX

Jquery中AJAX的应用

$.ajax() 基于原生JS的AJAX四步操作进行封装

• 写法
  • $.ajax([URL].[OPTIONS])
    • $.ajax('https://mock.presstime.cn/mock/64aea9acb9e270cc51c8e706/team/getData', {});
    • $.ajax([OPTIONS]) URL在配置项中 （推荐写法）
      .......（很多方法都是基于 $.ajax([OPTIONS]) ）
  • 配置项信息
    • url: 请求的api接口地址
    • methods: HTTP请求方式，默认为GET
    • data: 传递给服务器的信息，默认是null（可以是字符串，可以是对象，而且如果是GET系列请求，JQ会自动把信息拼接到URL的末尾,基于问号传参传递给服务器;如果是POST请求,JQ会基于请求主体,把信息传递给服务器）
    • dataType: 预设服务器返回的结果格式（服务器返回的一般都是JSON格式的字符串，如果我们设置了DATA-TYPE,JQ会根据设置的类型，把服务器返回的结果处理为对应的格式），支持的内容 text / json / xml / html / script / jsonp（跨域） 注意：它不影响服务器的返回的结果，只是把服务器返回的结果进行二次处理，得到对应的格式
    • async: 是否为异步，默认为 true
    • cache: 缓存处理，只对 GET 系列请求有作用，默认是TRUE（不处理缓存），当我们设置FALSE后，JQ帮我们在URL的末尾设置一个随机数。
    • contentType: 设置我们要传递给服务器内容的格式类型 默认是"application/x-www-form-urlencoded"
      • 客户端传递给服务器信息的格式（类型一般都是字符串），常用的 :
        • from-data 表单数据：JSON格式 '{"name":"xiaomei","age": 18}'
        • x-www-form-urlencoded: name=xxx&age=18
        • raw: 纯文本格式
    • headers: 设置请求头信息，它是一个对象
    • timeout: 设置超时的时间
    • success: 回调函数，当数据请求成功执行，方法中的参数就是从服务器获得的结果
    • error: 回调函数，当数据请求失败，方法中的参数就是从服务器获得的结果