لود کردن مطالب با اسکرول صفحه توسط Ajax

دوشنبه 23 دی 1392

بارگیری مطالب زیاد ، به یکباره به سرور فشار زیادی وارد می کند ، مخصوصا اگر سرعت اینترنت کم باشد و بارگذاری صفحه طول میکشد . <br />در اینجا قصد دارم روش دوم را با یک پلاگین Jquery آموزش بدهم ، که با اسکرل صفحه تعداد مشخصی از مطالب را از یک صفحه لود می کنند .

لود کردن مطالب با اسکرول صفحه توسط Ajax

سلام دوستان

امروز میخوام یادتون بدم چطور با اسکرول صفحه به سمت پایین مطالب رو لود کنید

در مرحله اول باید یک بانک اطلاعاتی و جدول مربوطه را ایجاد کنید

ابتدا یک DataBase با نام ImagesDB ایجاد کنید

سپس جدول زیر را بسازید

اگر حوصله ساختن جدول را نداشتید بانک را ایجاد کنید و اسکریپت زیر را روی آن اجرا کنید

سپس یک دیتا لیست ایجاد میکنیم

برای صفحه بندی یا همون اسکرول صفحه به سمت پایین در بانک Stored procedure ایجاد کریم

در کد در Load متدی را صدا کردیم که بر اساس تعداد ستون Repeat کنترل DataList از بانک به آن رکورد اضافه میکنه

در مرحله بعد متد های اجرایی را اصفه میکنیم

متد زیر از طریق Ajax مقدار را دریافت کرده و به آن تعداد رکورد را برمیگرداند

خب در پایان توسط Ajax باید متد ها رو فراخوانی کنید

کدهای بالا با استفاده از موقعیت اسکرول صفحه مقادیر را لود میکند

در این نمونه ما تصاویر را براساس Url آنها لود میکنیم

موقع اجرا خواهید دید که تا زمان لود شدن تصویر یک تصویر متحرک نمایش داده میشود

نمونه ضمیمه کردم

موفق و پیروز باشید

 

فایل های ضمیمه

ایمان مدائنی

نویسنده 1299 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید