🌐 Fetch API — Server Se Data Lo

<!-- GET request — data lo -->
<script>
async function getMenu() {
  try {
    const response = await fetch("/api/menu");
    if (!response.ok) {
      throw new Error(`HTTP ${response.status}`);
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error("Fetch fail:", error.message);
  }
}
</script>

<!-- POST request — data bhejo -->
<script>
async function submitOrder(orderData) {
  try {
    const response = await fetch("/api/order", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(orderData),
    });

    if (!response.ok) {
      throw new Error(`Order fail: ${response.status}`);
    }

    const result = await response.json();
    console.log("Order placed:", result);
  } catch (error) {
    console.error("Order fail:", error.message);
  }
}

submitOrder({
  items: ["biryani", "raita"],
  total: 500,
  address: "Hitech City, Hyderabad"
});
</script>

<!-- Free public API example (backend nahi chahiye) -->
<script>
async function getRandomUser() {
  const res = await fetch("https://randomuser.me/api/?results=3");
  const data = await res.json();
  data.results.forEach(user => {
    console.log(`${user.name.first} ${user.name.last} — ${user.location.city}`);
  });
}
getRandomUser();
</script>