jQuery - AJAX تحصل على طرق () و 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 الذي ترغب في طلبه.

معلمة رد الاتصال الاختيارية هي اسم الوظيفة المراد تنفيذها في حالة نجاح الطلب.

يستخدم المثال التالي $.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("This is some text from an external ASP file.")
%>


طريقة jQuery $ .post ()

تطلب $.post()الطريقة البيانات من الخادم باستخدام طلب HTTP POST.

بناء الجملة:

$.post(URL,data,callback);

تحدد معلمة URL المطلوبة عنوان URL الذي ترغب في طلبه.

تحدد معلمة البيانات الاختيارية بعض البيانات لإرسالها مع الطلب.

معلمة رد الاتصال الاختيارية هي اسم الوظيفة المراد تنفيذها في حالة نجاح الطلب.

يستخدم المثال التالي $.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").

ثم نقوم بتمرير بعض البيانات لإرسالها مع الطلب (الاسم والمدينة).

يقوم البرنامج النصي لـ 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

للحصول على نظرة عامة كاملة لجميع طرق jQuery AJAX ، يرجى الانتقال إلى مرجع jQuery AJAX الخاص بنا .