Question

我想转换XMLHttpRequest函数来获取API。但结果却不同。

我有些事情要做错，但我不知道：/

我对XMLHttpRequest的承诺：

  return new Promise(function (resolve, reject) {

    let formData = new FormData($searchForm);

    if (searchTerm.length) {
      formData.append("search", searchTerm);
    }

    let request = new XMLHttpRequest();

    request.onreadystatechange = function () {
      if (request.readyState === XMLHttpRequest.DONE && request.status === 200) {
        console.log(request);
        resolve(request.responseText);
      }
    };

    request.open($searchForm.method, $searchForm.action, true);
    request.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    request.send(formData);

  });

返回（我想要的）：

XMLHttpRequest {onreadystatechange： reload / http：// localhost：3000 / app_dev.php / r ...＆＃34;，status：200，statusText：＆＃34; OK＆＃34;， responseType：＆＃34;＆＃34;，响应：＆＃34; {＆＃34; countMessage＆＃34;：＆＃34;没有找到产品＆＃34; }

我的功能获取API ：

function searchReload() {

  const formData = new FormData($searchForm);
  const url = $searchForm.action;
  const method = $searchForm.method;

  if (searchTerm.length) {
    formData.append('search', searchTerm);
  }

  const header = new Headers();
  header.append('X-Requested-With', 'XMLHttpRequest');

  return fetch(url, {
    method: method,
    header,
    body: formData
  }).then(function (response) {
    return response;
  });

}

searchReload()
  .then(response => {
    return console.log(response);
  });

此函数返回：

回复{type：＆＃34; basic＆＃34;，url：＆＃34; http://localhost:3000/app_dev.php/r ...＆＃34;，重定向：false，status：200，ok：true，statusText：＆＃34; OK＆＃34;，headers：标题，正文使用：false}

任何人都可以帮助我吗？我不知道问题是什么，为什么我无法做出回复：＆＃34; {＆＃34; countMessage＆＃34;：＆＃34;没有找到产品＆＃34; } 我的回答：（

谢谢社区！

Answer 1

您需要致电response.json()来阅读正文：

return fetch(url, {
  method: method,
  header,
  body: formData
}).then(function (response) {
  // perhaps check the status before doing this!
  return response.json();
});

以下示例，当您阅读正文时bodyUsed会发生什么

fetch('https://jsonplaceholder.typicode.com/posts/1').then(function(response) {
    console.log(response.bodyUsed);
    var res = response.json();
    console.log(response.bodyUsed);
    return res;
}).then(function(json) {
    console.log(json)
});

获取API不会返回XMLHttpRequest

1 个答案: