জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি অ্যাজাক্স get() এবং post() মেথড


সার্ভার থেকে তথ্যের জন্য অনুরোধ পাঠাতে HTTP GET অথবা POST এর সাথে জেকুয়েরি get() এবং post() মেথড ব্যবহার করা হয়।


GET বনাম POST

সার্ভার এবং ব্রাউজার এর মধ্যে তথ্য আদান-প্রদানের জন্য সর্বজন ব্যবহৃত দুটি মেথড হলোঃ GET এবং POST

  • GET - নির্দিষ্ট উৎস হতে তথ্য পাওয়ার জন্য অনুরোধ পাঠানো।
  • POST - নির্দিষ্ট উৎসের কাছে প্রক্রিয়ার জন্য তথ্য সাবমিট করা।

সার্ভার থেকে তথ্য পুনরুদ্ধার/পাওয়ার জন্য সাধারণত GET মেথড ব্যবহার করা হয়। GET মেথড cache ডাটা ফেরত পাঠাতে পারে।

POST মেথডও সার্ভার থেকে তথ্য পাওয়ার জন্য ব্যবহার করা যেতে পারে। তবে POST মেথড কখনোই তথ্যকে cache করে না বা ধরে রাখে না। POST মেথডকে প্রায়ই অনুরোধ(request) এর মাধ্যমে তথ্য সাবমিট করার জন্য ব্যবহার করা হয়।

$.get() মেথড

সার্ভার থেকে তথ্যের জন্য অনুরোধ পাঠাতে HTTP GET এর সাথে জেকুয়েরি $.get() মেথড ব্যবহার করা হয়।

$.get() মেথড এর সিনট্যাক্স:

$.get(URL,callback);

প্যারামিটার এর ব্যাখ্যা
  • আবশ্যক প্যারামিটার URL এর মাধ্যমে যে URL এ তথ্যের জন্য অনুরোধ(request) পাঠানো হবে তাকে নির্ধারন করা হয়।
  • অতিরিক্ত callback প্যারামিটারটি নিজেই একটি ফাংশন এবং রিকুয়েস্ট সফল হলে কলব্যাক ফাংশনটি এক্সিকিউট হয়।

নিচের উদাহরণে সার্ভারে অবস্থিত ফাইল থেকে তথ্য পুনরুদ্ধারের জন্য $.get() মেথড ব্যবহার করা হয়েছে:

উদাহরণ

<!DOCTYPE html>
<html>
	<head>
		<title>জেকুয়েরি উদাহরণ</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		<script>
		$(document).ready(function(){
			$("button").click(function(){
				$.get("test_get.php", function(string, status){
					alert("String: " + string + "\nStatus: " + status);
				});
			});
		});
		</script>
	</head>
	<body>

		<button>একটি পেজে HTTP GET রিকুয়েস্ট পাঠান এবং রেজাল্ট ফেরত পান।</button>

	</body>
</html>

ফলাফল



উদাহরণের ব্যাখ্যা
  • উপরের উদাহরণ থেকে দেখা যাচ্ছে যে, $.get() মেথডের প্রথম প্যারামিটারটি হচ্ছে URL যা এখানে "test_get.php"
  • দ্বিতীয় প্যারামিটারটি হচ্ছে কলব্যাক ফাংশন। কলব্যাক ফাংশনের প্রথম প্যারামিটার string দ্বারা রিকুয়েস্টকৃত পেজটির কন্টেন্ট এবং দ্বিতীয় প্যারামিটার status দ্বারা রিকুয়েস্টের স্ট্যাটাস কে বুঝায়।
  • নিম্নে উপরের উদাহরণে ব্যবহৃত PHP ফাইল "test_get.php" এর কন্টেন্ট দেওয়া হলো:
<?
echo "এগুলো হলো PHP ফাইলের কন্টেন্ট।";
?>

$.post() মেথড

সার্ভার থেকে তথ্যের জন্য রিকুয়েস্ট পাঠাতে HTTP POST-এর সাথে জেকুয়েরি $.post() মেথড ব্যবহার করা হয়।

$.post() মেথড এর সিনট্যাক্স:

$.post(URL,string,callback);

প্যারামিটার এর ব্যাখ্যা
  • আবশ্যক প্যারামিটার URL-এর মাধ্যমে যে URL এ রিকুয়েস্ট পাঠানো হবে তাকে নির্ধারন করা হয়।
  • অতিরিক্ত string প্যারামিটারের মাধ্যমে কিছু তথ্য(string)-কে বুঝায় যেগুলোকে রিকুয়েস্টের সাথে পাঠানো হয়।
  • অতিরিক্ত callback প্যারামিটারটি নিজেই একটি ফাংশন এবং রিকুয়েস্ট সফল হলে এই callback ফাংশনটি এক্সিকিউট হয়।

নিচের উদাহরণে $.post() মেথডের মাধ্যমে রিকুয়েস্টের সাথে কিছু তথ্য(string) পাঠানো হলো:

বিঃদ্রঃ স্ট্রিংসমূহ key:value আকারে জোড়ায় জোড়ায় থাকে।

উদাহরণ

<!DOCTYPE html>
<html>
	<head>
		<title>জেকুয়েরি উদাহরণ</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		<script>
		$(document).ready(function(){
			$("button").click(function(){
				$.post("test_post.php",
					{
					name: "আসিফুর রহমান",
					district: "ঢাকা"
					},
					function(string,status){
					alert("String: " + string + "\nStatus: " + status);
					});
			});
		});
		</script>
	</head>
	<body>

		<button>একটি পেজে HTTP POST রিকোয়েস্ট পাঠান এবং রেজাল্ট ফেরত পান</button>

	</body>
</html>

ফলাফল



উদাহরণের ব্যাখ্যা
  • উপরের উদাহরণ থেকে দেখা যাচ্ছে যে, $.post() মেথডের প্রথম প্যারামিটারটি হচ্ছে URL যা এখানে "test_post.php"
  • তারপরে string প্যারামিটারের মাধ্যমে কিছু তথ্য(string) যেমন- name এবং district কে রিকুয়েস্টের সাথে পাঠানো হয়েছে।
  • "test_post.php" এর মধ্যে PHP স্ক্রিপ্ট প্যারামিটারগুলোকে প্রথমে পড়ে, তারপরে প্রক্রিয়াকরন এর মাধ্যমে ফলাফল হিসাবে ফেরত দেয়।
  • তৃতীয় প্যারামিটারটি হচ্ছে একটি কলব্যাক ফাংশন। কলব্যাক ফাংশনের প্রথম প্যারামিটার string রিকুয়েস্টকৃত পেজটির কন্টেন্ট এবং দ্বিতীয় প্যারামিটার status রিকুয়েস্টের স্ট্যাটাসকে ধারণ করে।

জেকুয়েরি অ্যাজাক্স রেফারেন্স

জেকুয়েরি অ্যাজাক্স মেথডের সম্পূর্ণ রেফারেন্স দেখার জন্য আমাদের জেকুয়েরি অ্যাজাক্স রেফারেন্স থেকে ঘুরে আসতে পারেন।