jQuery中的AJAX，fetch

请求数据现在有好多库，也出现了一个浏览器内置的fetch，给大家介绍一下

JQuery中AJAX的应用：

API 应用程序接口：凡是能被别人调用，并反馈结果的都可以被称为API

$.ajax(options)   options为配置项，URL在配置项中 

配置项信息：

$.ajax({

    url : ' 地址'

    method : 'http请求方式，默认get',

    data : '传递给服务器的信息，默认null（可以是字符串，对象），如果是get系列请求，JQ会自动把信息拼接到url的末尾，基于问号传参传递给服务器；如果是post请求，JQ会基于请求主体，把信息传递给服务器',

    dataType : '预设服务器返回的结果（服务器返回的一般都是json格式的字符串，如果设置了dataType，JQ会根据设置的类型，会把服务器返回的结果处理为对应的格式），不影响服务器返回的结果，只是把服务器返回的结果进行二次处理'，

    async : true,

    cache : false, //缓存处理，只对get系列请求有作用，默认true不处理缓存，设置false后，JQ在url设置一个随机数

    contentType：设置传递给服务器内容的格式类型 // 'application/x-www-form-urlencoded默认/raw'

    headers : {}  //设置请求头信息，是一个对象

    timeout：设置超时的世界

    success : (result,status,xhr)=>{}回调函数，当数据请求成功执行，方法中的参数就是从服务器获取的结果

    error：回调函数，数据请求失败执行，方法中的参数是错误信息

})

客户端传递给服务器信息的格式（类型一般都是字符串），常用的：

form-data表单数据：JSON格式'{ "name":"xxx"}'

x-www-form-rulencoded : name=xxx&lx=1

raw：纯文本格式

除此之外拓展一个fetch：

fetch是浏览器内置的函数，基于fetch可以向服务器发送请求，核心原理和AJAXXMLHttpRequest不一致（天生就是基于Promise管理的）

特点：不论服务器返回的状态码是多少，都按照Promise成功算，只有断网，才算失败

fetch('地址').then(response=>{

    return response.json();

}).then(result=>{

    console.log(result);

});