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: 回调函数，当数据请求失败，方法中的参数就是从服务器获得的结果