PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

PHP如何实现异步加载

藏色散人
藏色散人 原创
2020-10-16 09:34:47 2983浏览

php实现异步加载的方法:首先获取浏览器可视区域页面的高度;然后构造一个公式,计算相对比例;接着使用jquery的getjson方法,向服务端result.php发送请求;最后解析json数据即可。

推荐:《PHP视频教程

php异步加载数据

无刷新功能我们用到很多很多的,下面我就来给各位介绍一个实例,就是实现php+ajax实现无刷新滚屏加载数据,例子非常的简单大家只要按流程来操作就可以了哦。

方法

首先,我们要获取浏览器可视区域页面的高度

3742fd30271908d7789fa0ab5d64714.png

然后,当滚动页面的时候需要做的事情是:计算页面总高度(当滚动底部时,页面新加载数据,所以页面总高度是动态变化的),计算滚动条位置(滚动条位置也是随着加载页面的高度动态变化的),然后构造一个公式,计算相对比例

af7131215224a75c3e4de914cb68669.png

当滚动条接近页底时,触发ajax加载,在本例中我们使用jQuery的getJSON方法,向服务端result.php发送请求,请求的参数为page,即页数

715b70acdda0dcd252b96fbf4c82fc1.png

如果请求响应成功返回JSON数据,则解析JSON数据,并将数据追加到页面DIV#container后,如果没有JSON数据返回,则说明数据全部显示完毕

2706cfe504320ec8b936d13879b29b8.png

完整的jQuery代码如下

88f7b05cab27ff12b0ef17dfa70714e.png

result.php

当滚动到页面底部时,前端Ajax请求到result.php,该后台程序将根据请求的数据页数:page,查询数据表中对应的记录,并将记录集以json的格式输出返回给前端处理

bc335c96ffde462c2983ab9b7d5654f.png

好了,本文的介绍到此结束,快去看看效果吧。

以上所述就是本文的全部内容了,希望大家能够喜欢

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。