Question

php jquery ajax无刷新问题

主要代码
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#goCheck").click(function(){
//window.location.reload();
CheckLoginForm();
})
function CheckLoginForm()
{
$.ajax({
url:'/member/qreg.php',
type:'GET',
dataType:'html',
timeout:1000,
error:function(){
alert('...');
},
success:function(html){

$("#loginedForm").text(html);
}
})
}
})
</script>
现在问题
初次点击goCheck后,loginedForm能正确接收member/qreg.php的内容,
然后再点击不管member/qreg.php页面怎么改变.loginedForm得到的内容还是初次点击时的内容

Answer 1

这个原因注意主要是因为IE7+和火狐这些浏览器的缓存机制导致的。将url参数的值修改下就可以了。
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
$("#goCheck").click(function(){
//window.location.reload();
CheckLoginForm();
})
function CheckLoginForm()
{
var d=new Date();
$.ajax({
url:'/member/qreg.php?t='+d.toString(38),
type:'GET',
dataType:'html',
timeout:1000,
error:function(){
alert('...');
},
success:function(html){
$("#loginedForm").text(html);
}
})
}
})
</script>

Answer 2

$.ajax({
url:'/member/qreg.php?'+Math.random()),
type:'GET',
dataType:'html',
timeout:1000,
error:function(){
alert('...');
}

Answer 3

因为数据不同步
加上
async: false
就行了

$.ajax({
async: false，
。。。。

Answer 4

以前我也遇到过这种问题,后来在网上查看了一些资料说是使用Ajax操作数据的时候,如果请求的URL地址在不变的情况下,那么将默认读取第一次请求时的数据.你可以试着在URL地址后面加一个系统时间,这样就能保证每次请求的URL地址不同,这样就能实现数据同步了