Cách kiểm tra xem phản hồi của tìm nạp có phải là đối tượng json trong javascript hay không

Tôi đang sử dụng tìm nạp polyfill để truy xuất JSON hoặc văn bản từ URL, tôi muốn biết cách kiểm tra xem phản hồi có phải là đối tượng JSON hay chỉ là văn bản

fetch(URL, options).then(response => {
   // how to check if response has a body of type json?
   if (response.isJson()) return response.json();
});

Bạn có thể kiểm tra content-typephản hồi, như được hiển thị trong ví dụ MDN này :

fetch(myRequest).then(response => {
  const contentType = response.headers.get("content-type");
  if (contentType && contentType.indexOf("application/json") !== -1) {
    return response.json().then(data => {
      // process your JSON data further
    });
  } else {
    return response.text().then(text => {
      // this is text, do something with it
    });
  }
});

Nếu bạn cần hoàn toàn chắc chắn rằng nội dung là JSON hợp lệ (và không tin tưởng vào các tiêu đề), bạn luôn có thể chấp nhận phản hồi textvà tự mình phân tích cú pháp:

fetch(myRequest)
  .then(response => response.text())
  .then(text => {
    try {
        const data = JSON.parse(text);
        // Do your JSON handling here
    } catch(err) {
       // It is text, do you text handling here
    }
  });

Async / await

Nếu bạn đang sử dụng async/await, bạn có thể viết nó theo kiểu tuyến tính hơn:

async function myFetch(myRequest) {
  try {
    const reponse = await fetch(myRequest); // Fetch the resource
    const text = await response.text(); // Parse it as text
    const data = JSON.parse(text); // Try to parse it as json
    // Do your JSON handling here
  } catch(err) {
    // This probably means your response is text, do you text handling here
  }
}

Bạn có thể làm điều này một cách rõ ràng với một chức năng trợ giúp:

const parseJson = async response => {
  const text = await response.text()
  try{
    const json = JSON.parse(text)
    return json
  } catch(err) {
    throw new Error("Did not receive JSON, instead received: " + text)
  }
}

Và sau đó sử dụng nó như thế này:

fetch(URL, options)
.then(parseJson)
.then(result => {
    console.log("My json: ", result)
})

Điều này sẽ tạo ra một lỗi để bạn có thể thực hiện catchnếu muốn.

Sử dụng trình phân tích cú pháp JSON như JSON.parse:

function IsJsonString(str) {
    try {
        var obj = JSON.parse(str);

         // More strict checking     
         // if (obj && typeof obj === "object") {
         //    return true;
         // }

    } catch (e) {
        return false;
    }
    return true;
}