JavaScript-এ AJAX এর মাধ্যমে GET অনুরোধ প্রেরণ

এখন আসুন শিখি কিভাবে AJAX অনুরোধে সার্ভারে ডেটা প্রেরণ করতে হয়। সার্ভার এই ডেটা নিয়ে কিছু করবে এবং আমাদের কাছে ফলাফল ফেরত পাঠাবে।

আমাদের টেস্ট সার্ভার নিম্নলিখিত ঠিকানায় প্রেরিত ডেটা প্রক্রিয়া করবে /handler/:

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/');
});

প্রথমে আসুন একটি GET অনুরোধ পাঠাই:

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/?num=3');
});

আসুন সার্ভার সাইডে প্রেরিত ডেটা প্রাপ্ত করি:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // আউটপুট হবে 3
  }
}

আসুন এই ডেটা নিয়ে কিছু করি এবং সেগুলো ফেরত পাঠাই:

server.jsexport default {
  '/handler/': function({get}) {
    return get.num ** 2;
  }
}

ক্লায়েন্ট সাইডে ফলাফলটি পাই এবং এটি কোথাও আউটপুট করি:

public/client.jsbutton.addEventListener('click', function() {
  fetch('/handler/?num=3').then(
    response => {
      return response.text();
    }
  ).then(
    text => {
      console.log(text);
    }
  );
});