English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحمل load() بيانات من الخادم ويضع HTML العائدة في العنصر المحدد.
يعد load() أسهل طريقة لاستخراج بيانات من الخادم. إنه يشبه تقريبًا $ .get(url,data,callback)، باستثناء أنه هو دالة وليس دالة عالمية، ولديه دالة استدعاء مدمجة.
طريقة الطلب:إذا كانبياناتإذا كانت مقدمة كـ عمود، يتم استخدام طريقة POST. وإلا، يتم افتراض GET.
$(selector).load(URL, data, callback)
تحميل محتويات ملف ajax_intro.txt إلى عنصر DIV:
$("button").click(function(){
$("div").load("ajax_intro.txt");
});اختبار‹/›مختلف عن $ .get()، يسمح لـ load() بتحديد جزء من المستند البعيد الذي نريد إدراجه:
$("button").click(function(){
$("div").load("/jquery/ajax_load.html #table");
});اختبار‹/›تحميل صفحة ajax_post.php، وإرسال بعض البيانات الأخرى:
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("div").load("ajax_post.php", data);
});اختبار‹/›تحميل صفحة ajax_post.php، وإرسال بعض البيانات الأخرى، وإرسال رسالة حالة التحذير:
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("div").load("ajax_post.php", data, function(response, status){
alert(status);
});
});اختبار‹/›إذا واجهت طلب Ajax خطأ، فأظهر إشعارًا:
$("button").click(function(){
let data = {fname:"Seagull", lname:"Anna"};
$("#success").load("wrong_file.php", data, function(response, status, xhr){
if(status == "error"){
let msg = "آسف، حدث خطأ: ";
$("#error").html(msg + xhr.status + " "+ xhr.statusText);
}
});
});اختبار‹/›| مستوى | وصف |
|---|---|
| URL | تحديد URL الذي تريد طلبها |
| بيانات | (اختياري) تحديد بيانات جافة أو نص يتم إرسالها مع الطلب إلى الخادم |
| النداء | (اختياري) تحديد دالة النداء التي يتم تنفيذها عند اكتمال الطلب المستوى:
|