发布网友 发布时间:2022-04-06 00:23
共3个回答
懂视网 时间:2022-04-06 04:44
PHP实现异步加载的方法:首先获取浏览器可视区域页面的高度;然后构造一个公式,计算相对比例;接着使用jQuery的getJSON方法,向服务端result.php发送请求;最后解析JSON数据即可。
推荐:《PHP视频教程》
php异步加载数据
无刷新功能我们用到很多很多的,下面我就来给各位介绍一个实例,就是实现php+ajax实现无刷新滚屏加载数据,例子非常的简单大家只要按流程来操作就可以了哦。
方法
首先,我们要获取浏览器可视区域页面的高度
然后,当滚动页面的时候需要做的事情是:计算页面总高度(当滚动底部时,页面新加载数据,所以页面总高度是动态变化的),计算滚动条位置(滚动条位置也是随着加载页面的高度动态变化的),然后构造一个公式,计算相对比例
当滚动条接近页底时,触发ajax加载,在本例中我们使用jQuery的getJSON方法,向服务端result.php发送请求,请求的参数为page,即页数
如果请求响应成功返回JSON数据,则解析JSON数据,并将数据追加到页面DIV#container后,如果没有JSON数据返回,则说明数据全部显示完毕
完整的jQuery代码如下
result.php
当滚动到页面底部时,前端Ajax请求到result.php,该后台程序将根据请求的数据页数:page,查询数据表中对应的记录,并将记录集以json的格式输出返回给前端处理
好了,本文的介绍到此结束,快去看看效果吧。
以上所述就是本文的全部内容了,希望大家能够喜欢
热心网友 时间:2022-04-06 01:52
第一步,引入jquery,各样的版本都有,搜一下,下载下来<script type="text/javascript" src="images/jquery-1.4.4.min.js"></script> 第二步 局部异步刷新的HTML添加ID,比如<div id="shuaxin"></div>//需要刷新的内容<a href="#" onclick="Refresh()">刷新</a>//点击刷新第三步 设置路径,参数等<script>function Refresh(){$.ajax({ async: false, url: "a.php",//PHP文件的地址 type: "post",//get和post发送方式 data: { id:"1",cid:"2"},//参数,没有参数可以不要,现在是这样(a.php?a=1$cid=2) success: function (data) { $("#shuaxin").html(data);//data是返回的数据,根据ID添加到shuaxin的div里 } }); } </script>第四步,这是PHP返回数据 a.php <?php$id=$_REQUEST['id'];//接收id参数,没有参数就不用写$cid=$_REQUEST['cid'];//接收cid参数,没有参数就不用写 //做一些你想做的操作, echo ?? //返回给html?> 大概就是这个样子,没测试。追问请问我的代码哪里需要修改,只用到php和ajax
热心网友 时间:2022-04-06 03:10
首先不要使用form提交方式,单独用post或者get或者ajax进行提交,依次校验返回提示,成功则提示成功即可.