php无法实现异步刷新

发布网友 发布时间:2022-04-06 00:23

我来回答

3个回答

懂视网 时间:2022-04-06 04:44

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

推荐:《PHP视频教程》

php异步加载数据

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

方法

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

3742fd30271908d77fa0ab5d714.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

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

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

热心网友 时间: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进行提交,依次校验返回提示,成功则提示成功即可.

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com