如何修复ajax随机不更新数据的故障

时间:2015-07-17 18:40:18

标签: javascript php jquery mysql ajax

所以这个脚本的作用是将值插入到html中的表单中并将其发布到../Resources/BugReport.php文件中。在该文件中,将值插入到数据库中,然后../Resources/BugDisplay.php文件显示一个表,其中包含数据库中的数据。

我的故障是随机的,可能是ajax不会更新表的1/7倍,我必须重新加载页面才能显示。我认为错误是数据插入数据库所需的时间比脚本更新BugDisplay表所花费的时间长。

我知道我的代码是多余的,但它只是我蹩脚的尝试摆脱故障,我是jquery的新手。

    <script>
        $(document).ready(function(){
            $.post('../Resources/BugDisplay.php',{},function(data){
                    $("#BugDisplay").html(data);
                });
            $("#sub").click(function(){
                var user_issue = $("#issue").val();
                var user_priority = $("#priority").val();
                var user_type = $("#type1").val();
                var user_author = $("#author").val();
                $.post("../Resources/BugReport.php",{issue:user_issue,priority:user_priority,type1:user_type,author:user_author},function(data){
                    $("#result").html(data);
                    //location.reload(true);
                });
                $.post('../Resources/BugDisplay.php',{},function(data){
                    $("#BugDisplay").html(data);
                });
            });
            $("#sub").click(function(){
                document.getElementById('issue').value='';
                $('#type1').prop('selectedIndex', 0);
                $('#priority').prop('selectedIndex', 1);
                $.post('../Resources/BugDisplay.php',{},function(data){
                    $("#BugDisplay").html(data);
                });
            $.post('../Resources/BugDisplay.php',{},function(data){
                    $("#BugDisplay").html(data);
                });
            });
        });
    </script>

1 个答案:

答案 0 :(得分:0)

我建议在数据插入数据库并返回显示代码之后才返回ajaxCall,这是BugReport调用的结果。