Question

我为我的项目做了一项任务。我必须使用ajax更新mysql而不刷新网页。

我有2个php文件，第一个是a.php，代码如下（查看用户信用）：

if($_GET['do'] == 'viewcredit'){
    $quser = DB::query("SELECT * FROM ".DB::table('game_jnship_user')." WHERE uid = '$_G[uid]'");
    $ruser = DB::fetch($quser);
    //$moneyN = $ruser['money'];
    echo $ruser['money'];
}

第二个php文件是b.php，代码如下（做一些动作）：

$quser = DB::query("SELECT * FROM ".DB::table('game_jnship_user')." WHERE uid = '$_G[uid]'");
$ruser = DB::fetch($quser);
$moneyN = $ruser['money'];
$gcoin = $ruser['gcoin'];
if($_GET['do'] == 'treasurehunt'){
    $moneyadd = $moneyN + 1;
    DB::query("UPDATE ".DB::table('game_jnship_user')." SET money = '$moneyadd' WHERE uid = '$_G[uid]'");
}

我的html代码如下：

<script src="https://code.jquery.com/jquery-1.12.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>jQuery.noConflict();</script>
<script>
jQuery(function() {
    jQuery(".submit_button").click(function() {
        var url = "a.php?do=viewcredit";
        var decodedUrl = decodeURIComponent(url);
        jQuery.ajax({
            type: "POST",
            url: decodedUrl,
            cache: true,
            success: function(html){
            jQuery("#money").html(html);
            }  
        });
    });
});
</script>
<div id="money">$ruser[money]</div>
<a href="javascript:;" onclick="showWindow('jn_spop', 'b.php?do=treasurehunt')" class="c_button submit_button"><strong>Confirm</strong></a>

所以，现在当我第一次点击html的最后一行<a>Confirm</a>时，<div id="money">$ruser[money]</div>将不会提供最新结果。

好吧，让我说$ruser[money] = '1';，点击<a>Confirm</a>后，mysql已将money更新为2，但<div id="money">$ruser[money]</div>仍显示1.点击<a>Confirm</a>后，<div id="money">$ruser[money]</div>显示2（但mysql已经money已更新为3。）

因此，如果我希望ajax延迟执行a.php?do=viewcredit，是否可以？是否有其他方式我可以获得最新的$ruser[money]没有刷新网页？

谢谢。

Answer 1

你可以设置async：false。但是如果你的ajax请求花时间显示一些加载器，那么用户将会理解一些正在执行的操作。有关详细信息，请查看此链接：http://api.jquery.com/jquery.ajax/

jQuery.ajax({
        type: "POST",
        url: decodedUrl,
        cache: true,
        async: false,
        success: function(html){
        jQuery("#money").html(html);
        }  
    });

如何让ajax延迟请求url

1 个答案: