مشکل در نمایش عکس loading در آژاکس

smtp_ftp

Member
سلام دوستان

من در این باره خیلی گشتم اما چیزی پیدا نکردم من میخوام که آژاکس من یک عکس gif برای لودینگ داشته باشه که کاربر متوجه بشه داره پردازش انجام میشه

لطفا کمکم کنید.

ممنون
 
سلام دوستان

من در این باره خیلی گشتم اما چیزی پیدا نکردم من میخوام که آژاکس من یک عکس gif برای لودینگ داشته باشه که کاربر متوجه بشه داره پردازش انجام میشه

لطفا کمکم کنید.

ممنون

دوست عزیز میتونید از JQuery استفاده کنید.
میتونید یک تگ div رو به محتوای مطلبتون مثل یک صفحه اختصاص بدید.
برای اطلاعات بیشتر میتونید به این صفحه مراجعه کنید :
http://api.jquery.com/load/
با همین عنوان هم در گوگل جستجو کنید به هدف مورد نظر میرسید.
 

eAmin

Well-Known Member
فرض کنید 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 هست رو تجزیه و تحلیل کنید تا با این روش آشنا بشید.
لینک

موفق باشید.
 

smtp_ftp

Member
فرض کنید 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 هست رو تجزیه و تحلیل کنید تا با این روش آشنا بشید.
لینک

موفق باشید.

سلام مشکل حل شد واقعا ممنونم همون راه اول رو انجام دادم، خدا خیرت بده
 

جدیدترین ارسال ها

بالا