
<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我直接登录成功跳转到首页。
})
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)