طريقة 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);
  });
});

جربها بنفسك

الاولى هي 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("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

دليل jQuery AJAX

للحصول على دليل كامل للأساليب AJAX، يرجى زيارة دليل jQuery AJAX.