如何用php+ajax实现页面的局部刷新

如何用php+ajax实现页面的局部刷新,第1张

第一步,引入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

?>

大概就是这个样子,没测试。

举个简单点的例子。我现在正在做的

比如说这个页面,我输入账号密码然后提交到后台验证是吧?如果不是ajax局部刷新,整个页面都会刷新一次

采用ajax的话只会刷新这儿一部分

具体使用方法,jQuery自带Ajax的

$.ajax({

在这里面写将前台的值传递到后台url,然后后台判断返回一个参数

我们预先规定如果返回0则失败,返回1则成功

0alert("失败")

1我直接登录成功跳转到首页。

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11432889.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存