javascript - 发送表单而不显示结果

Question

我正在做我的第一个 javascript 游戏，我几乎完成了它，但我最后想添加的是记分牌。我已经设置了一个简单的数据库表([id][author][time])，通过 PDO 的连接非常完美，等等。

我的游戏包含一个 div，在 jQuery 关卡的末尾设置用户的时间。这个 div 可能是我将发送到数据库的分数来源。并且有一个“再次”按钮可以重新加载整个东西。它可以是一个表单“发件人”。

这是我想象中的工作路径:

开始游戏>加载记分板脚本>完成关卡>用户按“再次”，分数进入数据库>重新加载页面

我的问题是如果我在最后使用:

<form method="POST" action="somescript.php"></form>

结果我得到了 somescript.php，但我想在后台执行此操作，同时加载新游戏。

我的问题是如何使该脚本“安静”- 按“重新加载页面”，脚本在后台完成并且我有一个更新了数据库的新游戏？

Answer 1

你可以为此使用 AJAX，看看 http://api.jquery.com/jQuery.ajax/

例子:

$('input[type="submit"]').on('click', function(e) {

    // Stop form submission
    e.preventDefault();

    // Create AJAX request
    var request = $.ajax({
        url: "somescript.php",
        type: "POST",
        data: { score: $('#elementthatcontainsscore').val() },
        dataType: "json"
    });

    // Alert whatever is returned from your script
    request.done(function( res ) {
        alert(res);
        // You can reset form stuff here too
    });
});