jquery实现无刷新滚屏加载

jquery实现无刷新滚屏加载_第1张图片
jquery实现无刷新滚屏加载_第2张图片

第一个方法是判断页面是否滚动到了底部,若滚动到了底部则执行getData()方法获取新的数据。在getData()中用ajax传入页码,去后台中取数据。在这里,因为用的是YII框架,所以用的是Yii集成好的分页插件。所以大概分页代码如下显示: jquery实现无刷新滚屏加载_第3张图片

在页面初始化的时候是不经过ajax,而是通过正常程序读出第一页的数据,所以需要一个参数去区分。我在这里使用的是type(type=0页面初始化,正常取值,type=1ajax取值),在后台进行判断后选择使用那种方式去传递数据,部分代码入下:
jquery实现无刷新滚屏加载_第4张图片
为什么这里使用get去获取type,是因为我在传url的时候直接在url里写的type参数,所以是get方式。尤其要注意,因为初始化的时候已经取了第一页的值,所以ajax传页码应该从第二页传起,才不会出现重复加载。ajax中beforesend中的方法是在取数据的时候前台显示的提示信息“数据加载中”,给予用户更好的体验。

你可能感兴趣的:(移动web)