অনুবাদক: ফয়সাল রকি
জেকুয়েরি – এজাক্স get() এবং post() পদ্ধতি ব্যবহার করে HTTP GET বা POST request বা অনুেরাধ-এর মাধ্যমে সার্ভারে data request পাঠানো হয়।
HTTP request: GET বনাম POST
ক্লাইন্ট ও সার্ভারের মধ্যকার request ও response এর জন্য বহুল ব্যবহৃত পদ্ধতি দুটি হলো GET ও POST.
GET: নির্দিষ্ট কোনো resource হতে data request পাঠানো হয়।
POST: নির্দিষ্ট কোনো resource এ data process এর উদ্দেশ্যে পাঠানো হয়।
মূলতঃ সার্ভার হতে কোনো data পুনরুদ্ধার করাই হলো GET এর কাজ। উল্লেখ্য যে, GET এর মাধ্যমে data পুনরুদ্ধারের ক্ষেত্রে অনেক সময় cached data দেখাতে পারে।
POST এর মাধ্যমেও সার্ভার হতে data পুনরুদ্ধার করা যায়। তবে POST এর পদ্ধতির ক্ষেত্রে কখনো cached data দেখায় না এবং প্রায় সময়ই data পাঠানোর ক্ষেত্রে request সহ প্রেরণ করা হয়।
GET ও POST সম্বন্ধে বিস্তারিত জানতে এবং উভয়ের পার্থক্য জানতে “HTTP পদ্ধতি: GET বনাম POST” অধ্যায়টি পড়ুন।
jQuery $.get() পদ্ধতি
এই $.get() পদ্ধতিতে HTTP GET request এর সাথে সার্ভারে data request পাঠানো হয়।
সিনট্যাক্স:
$.get(URL,callback);
required বা প্রয়োজনীয় URL parameter বা URL এর মানদন্ডটি আপনার পাঠানো এর URL request কে নির্দেশ করে।
optional callback parameter টি এমন একটি ফাংশন যা request টি সফল হলে কাজ করে।
নিম্নোক্ত উদাহরণে $.get() পদ্ধতির সাহায্যে সার্ভার হতে একটি ফাইল পুনরুদ্ধার দেখানো হলো।
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
ফলাফল : $.get() পদ্ধতির সাহায্যে সার্ভার হতে একটি ফাইল পুনরুদ্ধার
$.get() এর প্রথম parameter টি আপনার পাঠানো এর URL request কে নির্দেশ করে (“demo_test.asp”).
দ্বিতীয় parameter টি একটি callback ফাংশন। প্রথম callback parameter টি request কৃত page এর content কে নির্দেশ করে এবং দ্বিতীয় callback parameter টি request এর status কে নির্দেশ করে।
টিপ: এখানে ASP file এর একটা উদাহরণ দেয়া হলো (“demo_test.asp”)
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() পদ্ধতি
$.post() পদ্ধতিতে HTTP POST request এর সাথে সার্ভারে data request পাঠানো হয়।
সিনট্যাক্স
$.post(URL,data,callback);
required বা প্রয়োজনীয় URL parameter বা URL এর মানদন্ডটি আপনার পাঠানো এর URL request কে নির্দেশ করে।
optional data parameter টি নির্দিষ্ট কিছু data কে নির্দেশ করে যা request এর সাথে পাঠানো হয়।
optional callback parameter টি এমন একটি ফাংশন যা request টি সফল হলে কাজ করে।
নিম্নোক্ত উদাহরণে $.post() পদ্ধতির সাহায্যে request এর সাথে নির্দিষ্ট কিছু data পাঠানো দেখানো হলো।
উদাহরণ:
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
ফলাফল : $.post()
$.post() এর প্রথম parameter টি আপনার পাঠানো URL request কে নির্দেশ করে (“demo_test_post.asp”).
অতঃপর আমরা কিছু data (নাম ও শহর) request এর সাথে send করি।
“demo_test_post.asp” এর ASP script parameter গুলোকে read করে, process করে এবং একটি ফলাফল return করে।
তৃতীয় parameter টি একটি callback ফাংশন। প্রথম callback parameter টি request কৃত page এর content কে নির্দেশ করে এবং দ্বিতীয় callback parameter টি request এর status কে নির্দেশ করে।
টিপ: এখানে ASP file এর একটা উদাহরণ দেয়া হলো (“demo_test_post.asp”):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>