متد load در AJAX

متد  ()load

این متد ساده ولی بسیار قدرتمند است.
متد  ()load داده را از سرور بارگزاری کرده و داده برگشتی را داخل عنصر انتخاب شده قرار می دهد.

شکل دستوری:

پارامتر URL  الزامی بوده و مشخص کننده آدرسی است که می خواهید آن را بارگزاری کنید.
پارامتر data اختیاری بوده و مشخص کننده مجموعه ای از جفت کلید/مقدار querystring  است که میخواهید به همراه درخواست ارسال کنید.
پارامتر callback  اختیاری بوده  نام تابعی را که می خواهید بعد از پایان متد ()load فراخوانی شود را مشخص می کند.
در بخش زیر، محتوای مثال بعدی قرار داده شده است:  "demo_test.txt":

مثال زیر محتوای فایل  "demo_test.txt" را داخل عنصر <div> بارگزاری می کند:
مثال :

این متن رو تغییر بدیم ، AJAX می خوایم با استفاده از 

همچنین می توانید سلکتورهای jQuery  را به پارامتر url اضافه کنید.
مثال زیر محتوای عنصری با id=p1 را از فایل demo_test.txt داخل عنصر <div> بارگزاری  می کند.
مثال :

$("#div1").load("demo_test.txt"); 

پارامتر callback  اختیاری بوده  نام تابعی را که می خواهید بعد از پایان متد ()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);
    });
});