javascript - 在页面上提交表单而不刷新

Question

我的页面上有 2 个表单，一个注册表单和一个付款表单，付款表单只是一个按钮，它让用户付款并在付款有效时返回 token (付款是通过外部服务完成的，所以必须是这种方式)但只要付款成功，它就会提交表单并刷新页面，因此会从注册表单中删除所有数据。

我的问题是我希望点击支付按钮，如果成功，注册表单的提交按钮将被启用(无论何时设置支付 token )而不刷新页面。我知道我可能不得不使用 jQuery 或 AJAX，但找不到解决方案。非常感谢任何帮助!

注册表单:

<form action="signup.php" id="signup">
<input type="text" name="some input">

接着是更多的输入...

<input type="button" name="Pay Now">
<input type="submit" name="Submit">
</form>

付款方式:

<form action="#" id="payment">
<script></script></form>

所以当用户到达注册的最后部分时，最初只有支付按钮显示在这个表单中，这会显示支付按钮(其中包含提供支付方式的脚本)，之后是 token 和其他变量已发布(只关心 token )，完成后我需要注册表单以查看它已发布并启用提交按钮以发送注册表单。

Answer 1

通过ajax你可以做到

 $(window).load(function () {

     setInterval(function(){ 
    $.ajax({

            url: "your url", 

            success: function(result){

                (after load what you have to do)                 

            } });   


    }, 4000);

4000 表示每 4000 毫秒您的页面将自动重新加载。