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 output करेगा
  }
}

आइए इस डेटा के साथ कुछ करते हैं और इसे वापस भेजते हैं:

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);
    }
  );
});