fetch API 和 ajax-优快云博客

本文深入探讨了AJAX与Fetch API的使用方法，包括GET、POST等HTTP方法的应用，详细解析了请求头、异步请求、数据类型及错误处理等内容，为前端开发者提供了实用的代码示例。

fetch('/some.json', {
    method: 'get',
    body: { id: 22 }
}).then(function (resp) {
    resp.json().then(console.log);

}).catch(function (r) {
    console.err(r);
});

$.ajax({
    url: '/xxx',  // 代表请求的服务器地址
    method: 'get|post|put|patch|delete|options', // 使用的请求方法
    headers: {},  // 设置请求头
    async: true|false, // 是否使用异步请求的方式

    contentType: 'application/x-www-form-urlencoded|...', // 请求的 enctype
    data: 'String'|Object|Array, // 传输的数据
    processData: true|false, // 如果 data 是字符串的话不处理，否则调用 $.params(data, tranditional) => 'aaa=222&bbb=333'
    tranditional: false|true,

    dataType: 'json?xml?html?text', // 默认根据 response 头部的信息自动推测
    xhrFields, cache, accepts, contents, crossDomain, conerters, jsonp, mimeType, timeout
}).done((data) => {  // data 的类型，由 dataType 决定
    console.log(json.xxx)
}).fail((xhr, status, err) { // 参数分别是 ajax 原生对象，错误状态，以及错误对象
    console.error(err);
}).always(() => {
    console.log("终于结束了");
});

转载于:https://www.cnblogs.com/ldl326308/p/10386866.html