আমি কোনও ইউআরএল থেকে জেএসএন বা পাঠ্য পুনরুদ্ধার করার জন্য আনতে পলিফিল ব্যবহার করছি, আমি জানতে চাই যে কীভাবে প্রতিক্রিয়াটি কোনও জেএসওএন অবজেক্ট বা এটি কেবল পাঠ্য
fetch(URL, options).then(response => {
// how to check if response has a body of type json?
if (response.isJson()) return response.json();
});
উত্তর:
এই এমডিএন উদাহরণে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
});
}
});
আপনার যদি সামগ্রিকভাবে নিশ্চিত হওয়া দরকার যে সামগ্রীটি বৈধ জেএসএন (এবং শিরোনামগুলিতে বিশ্বাস করবেন না), আপনি সর্বদা প্রতিক্রিয়াটিকে কেবল 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
}
}
আপনি কোনও সহায়ক ফাংশন দিয়ে এটি পরিষ্কারভাবে করতে পারেন:
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এটি করতে পারেন।
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;
}