Fetch polyfillを使用してURLからJSONまたはテキストを取得しています。応答がJSONオブジェクトであるか、テキストのみであるかを確認する方法を知りたい
fetch(URL, options).then(response => {
// how to check if response has a body of type json?
if (response.isJson()) return response.json();
});
このMDNの例 に示すように、応答のcontent-type
を確認できます。
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
});
}
});
コンテンツが有効なJSONであることを絶対に確認する必要がある場合(ヘッダーを信頼しない場合)、常に応答をtext
として受け入れ、自分で解析することができます。
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
を使用している場合、より直線的な方法で記述できます。
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
}
}
JSON.parseのようなJSONパーサーを使用します。
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;
}