روش‌های jQuery AJAX get() و post()

روش‌های jQuery get() و post() برای درخواست داده‌ها از سرور از طریق HTTP GET یا POST استفاده می‌کنند.

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

دو روش معمول برای درخواست-پاسخ در سرور و کلاینت: GET و POST هستند.

  • GET - داده‌ها از منبع مشخصی درخواست می‌شود
  • POST - داده‌های مورد نیاز برای پردازش به منبع مشخصی ارائه می‌شود

GET معمولاً برای دریافت (بازیابی) داده‌ها از سرور استفاده می‌شود. توجه: روش GET ممکن است داده‌های ذخیره شده را بازگرداند.

POST همچنین می‌تواند برای دریافت داده‌ها از سرور استفاده شود. اما روش POST داده‌ها را ذخیره نمی‌کند و معمولاً برای ارسال داده‌ها با درخواست استفاده می‌شود.

برای یادگیری بیشتر در مورد GET و POST و تفاوت‌های دو روش، لطفاً مقاله ما را بخوانید: مقایسه روش‌های HTTP - GET با POST.

روش jQuery $.get()

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

نحوه استفاده:

$.get(URL,callback);

ضروری URL پارامترها URL مورد درخواست را مشخص می‌کنند.

اختیاری callback پارامترها نام‌های کاربری هستند که پس از موفقیت درخواست اجرا می‌شوند.

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

مثال

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

آزمایش کنید

اولین پارامتر $.get() URL مورد نظر ما برای درخواست است ("demo_test.asp").

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

توجه:این فایل ASP ("demo_test.asp") به این شکل است:

<%
response.write("این متن از یک فایل ASP خارجی است.")
%>

مетод jQuery $.post()

مетод $.post() داده‌ها را از سرور با درخواست HTTP POST درخواست می‌کند.

نحوه استفاده:

$.post(URL,data,callback);

ضروری URL پارامترها 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() URL مورد درخواست ما ("demo_test_post.asp") است.

سپس ما با داده‌ها (name و city) درخواست را ارسال می‌کنیم.

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

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

توجه:این فایل ASP ("demo_test_post.asp") مانند این است:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("عزیز " & fname & ". ")
Response.Write("امیدوارم در " & city & ". به خوبی زندگی کنید.")
%>

دستورالعمل jQuery AJAX

برای دسترسی به روش‌های کامل AJAX، لطفاً به دستورالعمل jQuery AJAX.