这个代码为什么有时显示不出来刚才插入的内容？-php教程-PHP中文网

这个代码为什么有时显示不出来刚才插入的内容？

php中文网

发布： 2016-06-06 20:15:22

原创

1396人浏览过

有时提交后能显示刚才插入的数据有时提交后显示不出来刚才插入的数据等再插入一条时就把刚才没有显示的一块都显示出来了我试了很多次没有什么规律这是什么原因呢 ajax的缓存还是什么？怎么解决呢？

提交页面

<?php
$pdo=new PDO("mysql:host=localhost;dbname=t1","root","");
$stmt=$pdo->prepare("select id,txt from ajax");
$stmt->execute();
$res=$stmt->fetchall(PDO::FETCH_ASSOC);
foreach($res as $v)
{
    echo $v['txt'];
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
        function ajax(url,funsucc){
            var oAjax=new XMLHttpRequest();
            oAjax.open('GET',url,true);
            oAjax.send();    
            oAjax.onreadystatechange=function(){
              if(oAjax.readyState==4){
                if(oAjax.status==200){
                  funsucc(oAjax.responseText);
                }
           }
}
}
    </script>
    <script type="text/javascript">
        window.onload=function(){
            var oTxt=document.getElementById('txt1');
            var oBtn=document.getElementById('btn1');
            oBtn.onclick=function(){
                ajax("ajaxinsert.php?id="+oTxt.value,function(){
                    window.location.reload();
                });
            }
        }
    </script>
</head>
<body>
<form>
    <input type="text" id="txt1">
    <button type="submit" id="btn1">提交</button>
</form>
</body>
</html>

登录后复制

插入页面

<?php
$pdo=new PDO("mysql:host=localhost;dbname=t1","root","");
$id=$_GET["id"];
$stmt=$pdo->prepare("insert into ajax(txt)values(?)");
$stmt->execute(array($id));
?>

登录后复制

回复内容：

提交页面

<?php
$pdo=new PDO("mysql:host=localhost;dbname=t1","root","");
$stmt=$pdo->prepare("select id,txt from ajax");
$stmt->execute();
$res=$stmt->fetchall(PDO::FETCH_ASSOC);
foreach($res as $v)
{
    echo $v['txt'];
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
        function ajax(url,funsucc){
            var oAjax=new XMLHttpRequest();
            oAjax.open('GET',url,true);
            oAjax.send();    
            oAjax.onreadystatechange=function(){
              if(oAjax.readyState==4){
                if(oAjax.status==200){
                  funsucc(oAjax.responseText);
                }
           }
}
}
    </script>
    <script type="text/javascript">
        window.onload=function(){
            var oTxt=document.getElementById('txt1');
            var oBtn=document.getElementById('btn1');
            oBtn.onclick=function(){
                ajax("ajaxinsert.php?id="+oTxt.value,function(){
                    window.location.reload();
                });
            }
        }
    </script>
</head>
<body>
<form>
    <input type="text" id="txt1">
    <button type="submit" id="btn1">提交</button>
</form>
</body>
</html>

登录后复制

插入页面

<?php
$pdo=new PDO("mysql:host=localhost;dbname=t1","root","");
$id=$_GET["id"];
$stmt=$pdo->prepare("insert into ajax(txt)values(?)");
$stmt->execute(array($id));
?>

登录后复制

谢邀！
可能问题有两个
1、浏览器缓存，防止缓存的方式是window.location.reload(); 这一句改成location.href=当前页面的URL + "?" + (new Date).getTime()

2、是本地服务器，页面的延时约等于数据库更新的速度。
就是说，页面刷新时候的select执行的时候，insert的数据还不一定执行完。虽说是成功了，但是能select到还是有个延时的，虽然不大，但是页面刷新延时也不大，因此不一定会select到刚刚插入的数据。因此有时候会看到新插入的数据，有时候看不到。可以等个几秒钟再刷新。
测试的方法就是“插入页面”执行完insert之后，立即执行select看看输出什么。提交页面可以改为

eMart 网店系统

功能列表：底层程序与前台页面分离的效果，对页面的修改无需改动任何程序代码。完善的标签系统，支持自定义标签，公用标签，快捷标签，动态标签，静态标签等等，支持标签内的vbs语法，原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统，可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率，稳定性和容错性，即使模版中有错误的标签也不会影响页面的显示。所有的标

查看详情

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<form action="ajaxinsert.php" method="get">
    <input type="text" id="id" name="id" />
    <button type="submit" id="btn1">提交</button>
</form>
</body>
</html>

登录后复制

P.S.

foreach($res as $v)
{
    echo $v['txt'];
}

登录后复制

严格来说，这个输出应该写在BODY里面

哈哈，我也遇难到了

是这个刷新当前页面的方法不对吗

可以用节点调试一下，看看是哪里出了错误。可以用exit的方法来停止后续代码的执行来调试。

大家都在看：

php静态网页设计怎样创建关于我们页面_php静态网页设计about页面结构与内容【方法】用iis能运行php吗_iis配置php步骤【指南】 JSON数据怎样解析触发php代码执行_JSON数据解析触发php代码执行方法【解析】如何用nginx搭配php环境_nginxphp整合教程【配置】 PHP怎么测试数据库连接_PHP测试数据库连接方法【连接】