jQuery - طريقة تحميل AJAX ()
طريقة jQuery load ()
طريقة jQuery load()هي طريقة AJAX بسيطة لكنها فعالة.
تقوم load()الطريقة بتحميل البيانات من الخادم وتضع البيانات التي تم إرجاعها في العنصر المحدد.
بناء الجملة:
$(selector).load(URL,data,callback);
تحدد معلمة URL المطلوبة عنوان URL الذي ترغب في تحميله.
تحدد معلمة البيانات الاختيارية مجموعة من أزواج مفتاح / قيمة سلسلة الاستعلام لإرسالها مع الطلب.
معلمة رد الاتصال الاختيارية هي اسم الوظيفة التي سيتم تنفيذها بعد اكتمال load()الطريقة.
هذا هو محتوى ملف المثال الخاص بنا: "demo_test.txt":
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
يقوم المثال التالي بتحميل محتوى ملف "demo_test.txt" في <div>عنصر محدد:
مثال
$("#div1").load("demo_test.txt");
من الممكن أيضًا إضافة محدد jQuery إلى معلمة URL.
يقوم المثال التالي بتحميل محتوى العنصر بالمعرف = "p1" ، داخل ملف "demo_test.txt" ، إلى <div>عنصر محدد:
مثال
$("#div1").load("demo_test.txt #p1");
تحدد معلمة رد الاتصال الاختيارية وظيفة رد الاتصال ليتم تشغيلها عند اكتمال
load()الطريقة. يمكن أن تحتوي وظيفة رد الاتصال على معلمات مختلفة:
responseTxt- يحتوي على المحتوى الناتج في حالة نجاح المكالمةstatusTxt- يحتوي على حالة المكالمةxhr- يحتوي على كائن XMLHttpRequest
يعرض المثال التالي مربع تنبيه بعد اكتمال طريقة load (). إذا load()نجحت الطريقة ، فإنها تعرض "تم تحميل المحتوى الخارجي بنجاح!" ، وإذا فشلت ، فإنها تعرض رسالة خطأ:
مثال
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
مرجع jQuery AJAX
للحصول على نظرة عامة كاملة لجميع طرق jQuery AJAX ، يرجى الانتقال إلى مرجع jQuery AJAX الخاص بنا .