জাভাস্ক্রিপ্ট Fetch API ও HTTP রিকোয়েস্ট (অ্যাডভান্সড)

fetch(url, {
 method: 'GET' | 'POST' | 'PUT' | 'DELETE',
 headers: {},
 body: JSON.stringify(data) // POST/PUT-এর জন্য
})
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));

fetch("https://jsonplaceholder.typicode.com/posts/1")
  .then(res => res.json())
  .then(data => console.log(data));

fetch("https://jsonplaceholder.typicode.com/posts", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
   title: "My Post",
   body: "Hello World",
    userId: 1
  })
})
  .then(res => res.json())
  .then(data => console.log(data));

fetch("https://jsonplaceholder.typicode.com/posts/1", { method: "PUT",headers: { "Content-Type": "application/json" },
ody: JSON.stringify({
 id: 1,
 title: "Updated Title",
 body: "Updated Body",
userId: 1}) })
.then(res => res.json()
).then(data => console.log(data));

fetch("https://jsonplaceholder.typicode.com/posts/1", { method: "PUT",headers: { "Content-Type": "application/json" },
ody: JSON.stringify({
 id: 1,
 title: "Updated Title",
 body: "Updated Body",
userId: 1}) })
.then(res => res.json()
).then(data => console.log(data));

fetch("https://api.example.com/data", {
  headers: {
    "Authorization": "Bearer your_token_here"
  }
});

fetch("/page.html")
.then(response => response.text())
.then(html => document.body.innerHTML =  html);

fetch("/notfound")
.then(response => {
    if (!response.ok) {
    throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json();
})
.then(data => console.log(data))
.catch(err => console.error("Fetch error:", err));

async function getData() {
  try {
    const response = await fetch("https://jsonplaceholder.typicode.com/posts");
    if (!response.ok) throw new Error("Request failed");
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error("Error:", error);
  }
}