可以找到fetch和jquery ajax之间的差异

Question

我正在尝试向私人API（托管ITOP）执行API请求，在Doc中有一个示例与Jquery Ajax一起使用，但我也用fetch拨打了所有其他电话，我也想这样做，但我没有得到正确的回应。

获取方法返回了我的代码200，但使用HTML而不是JSON（与JQuery Ajax JSON完全不同的内容）。

这是两个功能：

// Code made by myself - don't get the right response
fetch(url, {
  method: "POST",
  headers: {
    "accept": "application/json",
  },
  mode: "cors",
  accept: "application/json, text/javascript, *!/!*; q=0.01",
  body: JSON.stringify({
    auth_user: user,
    auth_pwd: password,
    json_data: JSON.stringify({
      "operation": "list_operations",
    })
  })
})
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })

// Code from the doc example - working
$.ajax({
  type: "POST",
  url: url,
  dataType: "json",
  data: {
    auth_user: user,
    auth_pwd: password,
    json_data: JSON.stringify({
      "operation": "list_operations"
    })
  },
  crossDomain: 'true'
})
  .then(
    function(data, textStatus, jqXHR) {
      console.log(data);
      console.log(textStatus);
      console.log(jqXHR);
    },
    function(jqXHR, textStatus, errorThrown) {
      console.debug(jqXHR);
      console.log("ERROR !!\n" +
        "status: " + textStatus + " (" + jqXHR.status + ")\n" +
        "error: " + errorThrown);
    }
  );

Answer 1

在jquery.ajax中，当您通过数据一个对象：

• 它将被编码为application/x-www-form-urlencoded data
• jQuery将包括content-类型：应用程序/x-www-form-urlencoded

fetch中的标题，您正在传递body a json 的字符串和获取将包括内容类型：text/plain标题。

因此：

• 您正在传递错误的数据编码
• 您正在传递的内容类型，该内容类型与服务器期望的或不匹配您的数据的实际数据是

---

通过fetch a < a href =“ https://developer.mozilla.org/en-us/docs/web/api/urlsearchparams” rel =“ nofollow noreferrer”> urlsearchparams object。

这将使用正确的格式编码，fetch将从中推断出正确的内容类型。