فرض کنید div که قرار هست اطلاعاتی که توسط ajax دریافت شده رو نمایش بده، id اون هست content. شما باید قبل از ارسال درخواست ajax به سرور با dom در javascript عکس دلخواه لودینگ خودتون رو در این div قرار بدید، به محض اینکه اطلاعات از سرور دریافت شد، محتوای div پاک شده و با محتوای جدید جایگزین میشه. مثلا با استفاده از کد ساده ی زیر:
کد:
document.getelementbyid("content").innerhtml = "<img src='loading.gif' alt='loading...' />";
همونطور که گفتم، قبل از ارسال درخواست باید عکس رو قرار بدید، مثلا:
کد:
function request() {
document.getelementbyid("content").innerhtml = "<img src='loading.gif' alt='loading...' />";
ajax('a.php', 'content');
}
یک راه دیگه هم هست که می تونید یک div رو توسط خصیصه display در css با استفاده از javascript نمایش/مخفی می کنید. تقریبا مانند مثال بالا ولی اینبار بجای اینکه عکس رو در div لود کنید، می یاید یک div جدا می سازید و اون رو به نمایش در می یارید و در ajax خودتون یک شرط قرار می دید که به محظ اینکه اطلاعات ajax دریافت شد این div از حالت نمایش در بیاد.
اگر می خواید با این روش آشنایی پیدا کنید تاپیک مهم این بخش رو که یک کلاس برای استفاده از ajax هست رو تجزیه و تحلیل کنید تا با این روش آشنا بشید.
لینک
موفق باشید.