我怎么能修复故障,其中ajax随机不更新数据


How can i fix glitch where ajax randomly does not update data

那么这个脚本所做的就是将插入到html表单中的值发送到../Resources/BugReport.php文件中。在该文件中,将值插入到数据库中,然后../Resources/BugDisplay.php文件显示一个表,其中包含来自数据库的数据。

我的故障是随机的,可能像1/7次ajax不更新表,我必须重新加载页面才能显示。我认为错误在于将数据插入数据库所需的时间比脚本更新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>

我建议不要返回ajaxCall,直到数据被插入到数据库中,并返回显示代码作为BugReport调用的结果。