jQuery ajax - طريقة get()

كتاب مرجع jQuery Ajax

مثال

استخدم طلب GET باستخدام AJAX لتغيير نص عنصر div:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

جرب بنفسك

التعريف والاستخدام

يحمل طريقة get() معلومات من طلب HTTP GET عن بُعد.

هذا هو وظيفة طلب GET بسيطة لتعويض $.ajax المعقد. يتم استدعاء الدالة المرجعية عند نجاح الطلب. إذا كنت بحاجة إلى تنفيذ دالة عند حدوث خطأ، استخدم $.ajax.

النحو

$(selector).get("}}url,data,success(response,status,xhr),dataType)
معرفات وصف
url مطلوب. تحديد URL الذي سيتم إرسال الطلب إليه.
data اختياري. تحديد البيانات التي يتم إرسالها إلى الخادم.
success(response,status,xhr)

اختياري. تحديد وظيفة تشغيلها عند نجاح الطلب.

معرفات إضافية:

  • response - يحتوي على بيانات النتيجة من الطلب
  • status - يحتوي على حالة الطلب
  • xhr - يحتوي على obj XMLHttpRequest
dataType

اختياري. تحديد نوع البيانات التي تتوقعها من الخادم.

بالافتراض، يتم تحديد jQuery الذكي.

أنواع محتملة:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

شرح تفصيلي

هذه الوظيفة هي وظيفة Ajax مختصرة، وتبدأ بـ:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

بناءً على نوع MIME المختلف للإجابة، تكون البيانات التي يتم إرسالها إلى وظيفة الـ success أيضًا مختلفة، وتكون هذه البيانات جذر عنصر XML أو نص عادي أو ملف JavaScript أو obj JSON. يمكنك أيضًا إرسال حالة النص العائد إلى وظيفة الـ success.

بالنسبة لـ jQuery 1.4، يمكنك أيضًا إرسال obj XMLHttpRequest إلى وظيفة الـ success.

مثال

طلب صفحة test.php، تجاهل قيمة العودة:

$.get("test.php");

مزيد من الأمثلة

مثال 1

طلب صفحة test.php، إرسال 2 معرفات، تجاهل قيمة العودة:

$.get("test.php", { name: "Bill", time: "2pm" } );

مثال 2

عرض قيمة العودة لـ test.php (HTML أو XML، اعتمادًا على قيمة العودة):

$.get("test.php", function(data){
  alert("تم تحميل البيانات: " + data);
});

مثال 3

عرض قيمة العودة لـ test.cgi (HTML أو XML، اعتمادًا على قيمة العودة)، أضف مجموعة من معرفات الطلب:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("تم تحميل البيانات: " + data);
  });

كتاب مرجع jQuery Ajax