متد ( ) post در jQuery
در این بخش از آموزش JQuery ، متد post را شرح میدهیم.
وسیله متد post ، می توان فایلی را از سرور با استفاده از یک درخواست HTTP POST خواند .
سپس از نتیجه خروجی بر روی صفحه استفاده نمود .
شکل کلی استفاده از این متد بصورت زیر است :
$(selector).post( URL , data , function ( data , status , xhr ) , dataType ) ;
متد addclass
در این بخش از آموزش JQuery ، متد addClass را در طراحی سایت ، شرح میدهیم.
متد addClass می تواند یک کلاس css را به تگ یا تگهای مختلف تخصیص دهد.
در مثال زیر با استفاده از متد addClass کلاس important به تمام تگ های از نوع div اعمال می شود :
$("div").addClass("important");
متد ( ) load در jQuery
در این بخش از آموزش JQuery ، متد load را شرح میدهیم.
متد load
، اطلاعات مورد نظر را از سرور ( از یک فایل یا اسکریپت ) خوانده و در
عنصر مورد نظر ، بر روی صفحه قرار می دهد ( اطلاعات ان را به روز رسانی می
کند ) .
برای مثال فرض کنید که متنی را در یک فایل بر روی سرور ذخیره کرده اید ، می توانید با قرار دادن یک دکمه فرمان و تعیین تابع ( ) load
در کد آن ، کاری کنید تا در صورت کلیک کاربر بر روی دکمه فرمان ، متن
ذخیره شده در فایل ، مثلا در یک تگ div بر روی صفحه قرار داده شود .
شکل کلی استفاده از متد load بصورت زیر است :
$(selector).load ( url , data , function( response , status , xhr ) ) ;
متد ( ) ajaxSuccess در jQuery
در این بخش از آموزش JQuery ، متد ajaxSuccess را شرح میدهیم.
به وسیله متد ajaxSuccess می توان یک تابع را تعیین کرد تا در زمانی که درخواست های Ajax به سرور ، به صورت کامل و موفقیت آمیز به پایان رسید، اجرا شود .
در واقع از متد ajaxSuccess
می توان برای قرار دادن کدها و دستوراتی که می خواهید پس از پایان یافتن
موفقیت آمیز درخواست های Ajax در سرور اجرا شوند ، استفاده نمود .
شکل کلی استفاده از این متد بصورت زیر است :
$( selector ).ajaxSuccess ( function ( event , xhr , options ) ) ;
متد ( ) ajaxScript در jQuery
در این بخش از آموزش JQuery ، متد getScript را شرح میدهیم.
به وسیله متد getScript ، می توان یک اسکریپت را با استفاده از روش HTTP GET ، از سرور خوانده و اجرا نمود .
سپس از نتیجه حاصل در صفحه استفاده کرد .
شکل کلی استفاده از این متد بصورت زیر است :
$(selector).getScript( url , success ( response , status ) ) ;
استفاده از این پارامتر اجباری است .
استفاده از این پارامتر اختیاری است .
این تابع خود می تواند دارای 2 پارامتر نیز باشد :
مثال زیر کاربرد متد getScript را نشان میدهد :
$("button").click(function(){
$.getScript("demo_ajax_script.js");
});
متد ( ) ajaxStart در jQuery
در این بخش از آموزش JQuery ، متد ajaxStart را شرح میدهیم.
به وسیله متد ajaxStart ، می توان یک تابع را تعیین نمود تا در زمانی که در خواست Ajax برای ارسال به سرور شروع می شود ، اجرا شود .
می توان کدها یا دستوراتی که می خواهید به محض شروع شدن درخواست Ajax اجرا شوند ، را در متد ajaxStart تعیین نمایید .
شکل کلی استفاده از این متد بصورت زیر است :
$( selector ).ajaxStart( function ( ) ) ;
function : نام تابعی است که می خواهیم به محض شروع شدن درخواست های Ajax ، اجرا شود .
استفاده از این پارامتر اجباری است .
مثال زیر کاربرد متد ajaxStart را نشان میدهد :
$("div").ajaxStart(function(){
$(this).html("<img src='pars-soft.gif' />");
});
متد ( ) ajaxStop در jQuery
در این بخش از آموزش JQuery ، متد ajaxStop را شرح میدهیم.
به وسیله متد ajaxStop می توان یک تابع را تعیین کرد تا در زمان پایان یافتن ارسال و انجام تمام درخواست های Ajax به سرور ، اجرا شود .
در واقع از متد ajaxStop می توان برای تعیین یک دستور یا کد ، برای اجرا پس از پایان یافتن انجام درخواست های Ajax در سرور ، استفاده نمود .
هنگامی
که یک درخواست ajax تمام می شود ، jQuery چک می کند که آیا درخواست دیگری
وجود دارد یا خیر . اگر درخواست ajax دیگری وجود نداشته باشد ، آنگاه ajax
تابع این متد را اجرا می کند .
شکل کلی استفاده از این متد بصورت زیر است :
$( selector ).ajaxStop ( function ( ) ) ;
متد ( ) ajaxSend در jQuery
در این بخش از آموزش JQuery ، متد ajaxSend را شرح میدهیم.
به وسیله متد ajaxSend می توان یک تابع را تعیین کرد تا در زمانی که درخواست Ajax به سرور ارسال می شود ، اجرا شود .
در واقع از متد ajaxSend می توان برای تعیین یک دستور یا کد ، برای اجرا همزمان با ارسال درخواست Ajax به سرور استفاده نمود .
شکل کلی استفاده از این متد بصورت زیر است :
$( selector ).ajaxSend ( function( event , xhr , options ) ) ;
function : نام تابعی است که می خواهیم همزمان با ارسال درخواست های Ajax به سرور، اجرا شود .
استفاده از این پارامتر اجباری است .
مثال زیر کاربرد متد ajaxSend را نشان میدهد :
$("div").ajaxSend(function(e,xhr,opt){
$(this).html("Requesting " + opt.url);
});
متد ( ) ajaxSetup در jQuery
در این بخش از آموزش JQuery ، متد ajaxSetup را شرح میدهیم.
به وسیله متد ajaxSetup ، می توان مقادیر پیش فرضی را برای استفاده در درخواست Ajax ، تعیین نمود .
شکل کلی استفاده از این متد بصورت زیر است :
$.ajaxSetup( { name:value , name:value , ... } ) ;
مقادیر پیش فرض را می توانید به صورت جفت های نام-مقدار تعیین نمایید .
مثال زیر کاربرد متد ajaxSetup را نشان میدهد :
$("button").click(function(){
$.ajaxSetup({url:"demo_ajax_load.txt",success:function(result){
$("div").html(result);}});
$.ajax();
});
در جدول زیر ، انواع مقادیر ممکن برای جفت های نام-مقدار را معرفی کرده ایم :
| جفت نام-مقدار | شرح |
| async | این پارامتر یک مقدار Boolean را تعیین می کند که آیا درخواست به صورت تبادل اطلاعاتی به سرور ارسال شود یا خیر . مقدار پیش فرض true است . |
| (beforeSend ( xhr | به وسیله این پارامتر می توان یک تابع را تعیین کرد تا قبل از ارسال درخواست به سرور اجرا شود . |
| cashe | این پارامتر یک مقدار Boolean را تعیین می کند ، که آیا صفحات دریافتی از سرور باید در حافظه Cashe ذخیره شوند یا خیر . مقدار پیش فرض true است . |
| (complete ( xhr , status | این پارامتر یک تابع را تعیین می کند تا در هنگام پایان یافتن درخواست اجرا شود . مقدار پیش فرض true است . |
| data | تعیین کننده اطلاعاتی است که می خواهید به سرور ارسال نمایید . |
| error | این پارامتر تعیین کننده یک تابع است تا در صورتی که درخواست ناموفق بود ، اجرا شود . |
| password | این پارامتر یک رمز عبور را برای استفاده در درخواست HTTP تعیین می کند . مقدار پیش فرض true است . |
| proccessData | این پارامتر یک مقدار Boolean را تعیین می کند که آیا اطلاعاتی که قرار است به سرور ارسال شوند ، باید به صورت QueryString باشند یا خیر . مقدار پیش فرض true است . |
| success | این پارامتر یک تابع را تعیین می کند تا در صورت اجرای موفق درخواست اجرا شود . |
| timeout | مدت زمانی است که برای اجرای درخواست به میلی ثانیه تعیین می شود . |
| type | این پارامتر نوع درخواست را تعیین می کند ( GET یا POST ) . |
| url | این پارامتر آدرس صفحه مقصد که باید درخواست به آن ارسال شود را تعیین می کند . مقدار پیش فرض صفحه جاری است . |
| username | این پارامتر یک نام کاربری را برای استفاده در درخواست HTTP تعیین می کند . |
متد ( ) ajaxComplete در jQuery
در این بخش از آموزش JQuery ، متد ajaxComplete را شرح میدهیم.
متد ajaxComplete ، یک تابع را تعیین می کند تا پس از اتمام درخواست Ajax اجرا شود .
برخلاف متد ( ) ajaxSuccess ، این متد تابع تعیین شده برای آن را اجرا می کند ، حتی اگر در خواست Ajax با موفقیت اجرا نشود .
شکل کلی استفاده از متد ajaxComplete بصورت زیر است :
$( selector ).ajaxComplete( function( event , xhr , options ) ) ;
تعداد صفحات : 93
تگ لینک ( تگ Link )