如何检查提取的响应是否是 javascript 中的 json 对象
How to check if the response of a fetch is a json object in javascript
我正在使用 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();
});
您可以检查响应的 content-type
,如 this MDN example:
所示
fetch(myRequest).then(response => {
const contentType = response.headers.get("content-type");
if (contentType && contentType.indexOf("application/json") !== -1) {
return response.json().then(data => {
// The response was a JSON object
// Process your data as a JavaScript object
});
} else {
return response.text().then(text => {
// The response wasn't a JSON object
// Process your text as a String
});
}
});
如果您需要绝对确定内容是有效的 JSON(并且不要相信 headers),您总是可以只接受 text
的响应并自己解析:
fetch(myRequest)
.then(response => response.text()) // Parse the response as text
.then(text => {
try {
const data = JSON.parse(text); // Try to parse the response as JSON
// The response was a JSON object
// Do your JSON handling here
} catch(err) {
// The response wasn't a JSON object
// Do your text handling here
}
});
Async/await
如果您使用的是 async/await
,您可以将其写成更线性的方式:
async function myFetch(myRequest) {
try {
const reponse = await fetch(myRequest);
const text = await response.text(); // Parse it as text
const data = JSON.parse(text); // Try to parse it as JSON
// The response was a JSON object
// Do your JSON handling here
} catch(err) {
// The response wasn't a JSON object
// Do your text handling here
}
}
使用 JSON 解析器,例如 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;
}
您可以使用辅助函数干净地完成此操作:
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)
}
}
然后像这样使用它:
fetch(URL, options)
.then(parseJson)
.then(result => {
console.log("My json: ", result)
})
这会引发错误,因此您可以 catch
如果需要。
我最近发布了一个 npm
package,其中包含常用的实用函数。
我在那里实现的其中一个功能就像 的 async/await
答案一样,您可以在下面使用:
import {fetchJsonRes, combineURLs} from "onstage-js-utilities";
fetch(combineURLs(HOST, "users"))
.then(fetchJsonRes)
.then(json => {
// json data
})
.catch(err => {
// when the data is not json
})
您可以在 Github
上找到来源
我正在使用 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();
});
您可以检查响应的 content-type
,如 this MDN example:
fetch(myRequest).then(response => {
const contentType = response.headers.get("content-type");
if (contentType && contentType.indexOf("application/json") !== -1) {
return response.json().then(data => {
// The response was a JSON object
// Process your data as a JavaScript object
});
} else {
return response.text().then(text => {
// The response wasn't a JSON object
// Process your text as a String
});
}
});
如果您需要绝对确定内容是有效的 JSON(并且不要相信 headers),您总是可以只接受 text
的响应并自己解析:
fetch(myRequest)
.then(response => response.text()) // Parse the response as text
.then(text => {
try {
const data = JSON.parse(text); // Try to parse the response as JSON
// The response was a JSON object
// Do your JSON handling here
} catch(err) {
// The response wasn't a JSON object
// Do your text handling here
}
});
Async/await
如果您使用的是 async/await
,您可以将其写成更线性的方式:
async function myFetch(myRequest) {
try {
const reponse = await fetch(myRequest);
const text = await response.text(); // Parse it as text
const data = JSON.parse(text); // Try to parse it as JSON
// The response was a JSON object
// Do your JSON handling here
} catch(err) {
// The response wasn't a JSON object
// Do your text handling here
}
}
使用 JSON 解析器,例如 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;
}
您可以使用辅助函数干净地完成此操作:
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)
}
}
然后像这样使用它:
fetch(URL, options)
.then(parseJson)
.then(result => {
console.log("My json: ", result)
})
这会引发错误,因此您可以 catch
如果需要。
我最近发布了一个 npm
package,其中包含常用的实用函数。
我在那里实现的其中一个功能就像 async/await
答案一样,您可以在下面使用:
import {fetchJsonRes, combineURLs} from "onstage-js-utilities";
fetch(combineURLs(HOST, "users"))
.then(fetchJsonRes)
.then(json => {
// json data
})
.catch(err => {
// when the data is not json
})
您可以在 Github
上找到来源