Question

所以我有一个页面，当被请求时，它会更新我的数据库。例如，当我转到database_update.php时，它只更新数据库并且不显示任何内容。

Index.php显示用户数据库内容。

所以我在JavaScript中有一个名为update的函数，它必须使用AJAX来运行这个页面，并且在页面加载之后（在所有查询成功运行之后）它必须加载index.php并向用户显示更新的页面（重新加载页面而没有刷新效果）。

我的代码就像：

$.get('ajax_update_table.php', {
    // The following is important because page saves to another table
    // users nick which call update:
    update: UserLogin
}, function (output) {
    // The following is unimportant:
    $(myDiv).html(output).show();
});

Answer 1

两个建议：

从database_update脚本返回“成功”或“错误”代码。返回JSON字符串非常简单。例如：
```
echo '{"success":"success"}';
```

使用$ .ajax函数。然后添加成功，错误和完整参数。当AJAX请求完成时，您可以调用任何javascript函数。

$.ajax({
    url: 'update_database.php',
    dataType: 'json',
    success: function (data) {successFunction(data)},
    error: function () { error(); },
    complete: function () { complete(); }
});

function successFunction(data) {
    if ('success' in data) {
        // Do success stuff here.
    } else {
        // Show errors here
    }
}
// .... etc

Answer 2

我可能会遗漏一些东西，但我会尽力回答你的问题。

我会设置一个空白页面，在加载时将index.php发送到该页面上的div。例如，制作一个名为blank.php。

的页面

blank.php会有以下内容：

function Index(){
$.ajax({
    url:"index.php",
    type: "GET",
    success:function(result){
        $("#web-content").html(result);
    }
});
}

<script type="text/javascript">Index();</script>
<div id="web-content"></div>

然后，您的索引将执行Index函数，以使用index.php数据更新web-content div，而无需重新加载blank.php页面。

Answer 3

让它发挥作用！

我的index.php

<html>
<head>
    <script type="text/javascript" language="Javascript" SRC="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" language="Javascript">
    function update_and_replace()
        {
            $.ajax({
                url: 'ajax_update_table.php',
                dataType: 'json',
                success: function (data) {successFunction(data)},
                error: function () { error(); },
                complete: function () { complete(); }
            });
        }

        function successFunction(data) {
            if ('success' in data) {
                $("#content").load("index.php");
            } 
        }

    </script>
</head>
<body>
<div id='content'>
Now is: <?php echo date("Y-m-d, H:i:s");?>
<br/><br/><br/><br/>
<a href="javascript:void(0);" onClick="update_and_replace();">Aktualizuj</a>
</div>
</body>
</html>

Ajax_update_table.php

<?php echo '{"success":"success"}'; ?>

谢谢大家的帮助。我知道我的英语不好但是在你的帮助下我成功了！

AJAX加载页面并在成功后重新加载/添加

3 个答案: