گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/06/04 - 15:40
كد :7819

آموزش متد های get و post در جی کوئری-ایجکس

در این مقاله به نحوه ارسال درخواست با دو متد set و get خواهیم پرداخت

آموزش جی کوئری

 

متد های get() وpost() برای ارسال درخواست داده به سرور با یکی از دو متد Get و یا post بکار میروند.

 

درخواست HTTP  : مقایسه GET با POST

دو متد معمول و پرکاربرد برای ارسال درخواست بین مشتری و سرور عبارتند از GET  و POST

GET: یک درخواست برای یک منبع خواص ارسال می کند.

POST: پردازش یک درخواست در یک منبع خواص را ارسال می کند.

 

متد GET برای دریافت داده ها از سرور استفاده میشود. نکته متد GET  میتواند داده های کش شده را بازگرداند.

متد POSt نیز برای دریافت داده ها از سرور استفاده می شود. با این تفاوت که داده های کش شده در این متد امکان بازگردانی ندارند. این متد هنگام ارسال داده ها همراه با درخواستی برای پاسخ استفاده میشود.

در آموزش فرم ها در HTML شرح کاملی از این دو متد آمده است.

متد $.get()

متد $.get() دادها را با یک درخواست HTTP GET از سرور درخواست می کند.

نحوه استفاده از این متد :

 

$.get(URL,callback);

پارامتر اجباری URL آدرس مدنظر برای درخواست را مشخص می کند.

پارامتر اختیاری callback نام عملگری که بعد از پایان موفق فراخوانی اجرا میشود را مشخص می کند.

مثال زیر از متد $.get() برای دریافت داده از فایل یا سرور بکار میرود:

 

$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});

مشاهده نتیجه

 

اولین پالامتر متد $.get() آدرسی است که میخواهید درخواست کنید (demo_test.asp)

پارامتر دوم عملگر callback است ، اولین پالامتر Callback محتوای صفحه درخواست را در خود نگه میدارد. دومین پارامتر فراخوانی وضعیت درخواست را در خود نگه میدارد.

نکته : این محتوای فایل demo_test.asp است.

<%
response.write("This is some text from an external ASP file.")
%>

متد $.post()

متد $.post() داده ها را با استفاده از درخواست HTTP POST از سرور درخواست خواهد کرد.

نحوه استفاده از این متد:

$.post(URL,data,callback);

پارامتر اجباری URL آدرس فایل درخواستی را مشخص می کند.

پارامتر اختیاری data داده های را که همراه درخواست ارسال میشود مشخص می کند.

متد اختیاری callback نام یک عملگر برای پردازش بعد از موفقیت درخواست را مشخص می کند.

مثال زیر از متد $.post() برای ارسال برخی داده های همراه با درخواست استفاده می کند.

$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});

مشاهده نتیجه

 

اولین پارامتر از $.post() آدرسی است که میخواهید آن را درخواست دهید  demo_test_post.asp

ما اطلاعاتی را مانند نام و شهر را با درخواست ارسال می کنیم.

اسکریپت ASP در demo_test_post.asp پارامتر های را پردازش و نتیجه را بازگردانی میکند.

سومین پارامتر callback میباشد. اولین پارامترفراخوانی تمام اطلاعات صفحه درخواستی را در خود نگه میدارد. دومین متد callback وضعیت درخواست را در خود نگه میدارد.

نکته : فایل 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 & ".")
%>

 

براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد

نظرات كاربران :