(JSON এবং fetch API দিয়ে ডেটা নিয়ে কাজ করা)
JSON (JavaScript Object Notation) একটি হালকা ডেটা ফরম্যাট, যা ডেটা সংরক্ষণ ও পরিবহনের জন্য ব্যবহার করা হয়, বিশেষ করে একটি সার্ভার এবং একটি ওয়েব অ্যাপ্লিকেশনের মধ্যে।
key/value pairs আকারেডাবল কোট-এর মধ্যে থাকে{
"name": "John",
"age": 30,
"isStudent": false,
"hobbies": ["coding", "music"]
}const jsonString = '{"name": "Alice", "age": 25}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // Aliceconst user = { name: "Bob", age: 40 };
const json = JSON.stringify(user);
console.log(json); // {"name":"Bob","age":40}fetch() ফাংশনটি নেটওয়ার্ক রিকোয়েস্ট করতে (GET, POST, ইত্যাদি) এবং ডেটা গ্রহণ করতে ব্যবহার করা হয় — প্রায়ই JSON ফরম্যাটে।
fetch("https://jsonplaceholder.typicode.com/users/1")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error("Error:", error));async function getUser() {
try {
const response = await fetch("https://jsonplaceholder.typicode.com/users/1");
const data = await response.json();
console.log(data);
} catch (error) {
console.error("Failed to fetch:", error);
}
}
getUser();const newUser = {
name: "Charlie",
email: "charlie@example.com"
};
fetch("https://jsonplaceholder.typicode.com/users", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(newUser)
})
.then(res => res.json())
.then(data => console.log("User added:", data))
.catch(err => console.error(err));| ভুল | ব্যাখ্যা |
|---|---|
| সিঙ্গেল কোট ব্যবহার করা | JSON-এ ডাবল কোট লাগে |
| ট্রেইলিং কমা | JSON-এ অনুমোদিত নয় |
| Undefined ভ্যালু | JSON undefined সমর্থন করে না |
| সার্কুলার রেফারেন্স | সার্কুলার ডেটাতে JSON.stringify() ব্যর্থ হয় |
JSON.parse() এবং উল্টোটার জন্য JSON.stringify() ব্যবহার করুন।fetch() API ব্যবহার করুন।fetch() ব্যবহার করুন এবং সেগুলো দেখান।.catch() বা try...catch দিয়ে এরর হ্যান্ডেল করুন।