• 技术文章 >后端开发 >PHP问题

    PHP如何实现异步加载

    藏色散人藏色散人2020-10-19 14:21:02原创618

    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

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

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

    以上就是PHP如何实现异步加载的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:PHP 异步加载
    上一篇:php cookie 丢失怎么办 下一篇:php源码安装启动的方法
    大前端线上培训班

    相关文章推荐

    • 如何异步加载js?异步加载js的方法介绍• JavaScript异步加载的详细介绍(附代码)• Laravel 中使用 puppeteer 采集异步加载的网页内容• 使用async属性异步加载执行JavaScript的方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网