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