متد ( ) load در jQuery
در این بخش از آموزش JQuery ، متد load را شرح میدهیم.
متد load ، اطلاعات مورد نظر را از سرور ( از یک فایل یا اسکریپت ) خوانده و در عنصر مورد نظر ، بر روی صفحه قرار می دهد ( اطلاعات ان را به روز رسانی می کند ) .
برای مثال فرض کنید که متنی را در یک فایل بر روی سرور ذخیره کرده اید ، می توانید با قرار دادن یک دکمه فرمان و تعیین تابع ( ) load در کد آن ، کاری کنید تا در صورت کلیک کاربر بر روی دکمه فرمان ، متن ذخیره شده در فایل ، مثلا در یک تگ div بر روی صفحه قرار داده شود .
شکل کلی استفاده از متد load بصورت زیر است :
$(selector).load ( url , data , function( response , status , xhr ) ) ;
- url : تعیین کننده آدرس فایلی است که می خواهیم اطلاعات را از روی آن بخوانیم .
استفاده از این پارامتر اجباری است .
- data : این پارامتر تعیین کننده اطلاعاتی است که می خوهیم همراه درخواست خود به سرور ارسال نماییم.استفاده از این پارامتر اختیاری است .
- function : این پارامتر تعیین کننده تابعی است که می خواهید هنگامی که متد ( ) load به پایان رسید ، اجرا شود . این تابع خود می تواند چندین پارامتر نیز داشته باشد :استفاده از این پارامتر اختیاری است .
- response : در بر گیرنده اطلاعات خروجی از درخواست است .
- status : .این پارامتر تعیین کننده وضعیت درخواست است که می تواند چندین حالت داشته باشد :
- success : موفق .
- notmodified : هنوز اعمال یا بررسی نشده.
- error : اشکال در ارسال یا پردازش درخواست .
- timeout : مدت زمان کافی برای اجرای درخواست تمام شده است .
- parseerror : خواندن و اجرای درخواست با مشکل مواجه شده است .
- xhr : در بر گیرنده شی XmlHttpRequest است
مثال زیر کاربرد متد load را نشان میدهد :
$("button").click(function(){
$("#div1").load("demo_test.txt");
});