Question

我正在编写注册页面，用户首先在第一页中选择三个选项之一，然后才能移动到第二页，因为它显示的内容取决于之前的选择。所以这是我的代码：

<script>
$(document).ready(function(e) {
    $("form").submit(function() {
        var data= $(this).serialize();
        $.post("/Registration_1.php",data);
        alert(data);
    });
});
</script>

<form id="frmtype1" name="frmtype1" method="post">
<input type="radio" name="Reg_type" value="1"/> option 1 <br/>
<input type="radio" name="Reg_type" value="2"/> option 2<br/>
<input type="radio" name="Reg_type" value="3"/> option 3 <br/>
<input type="submit" name="Submit" value="Submit" />
</form>

问题是，在选择一个选项并单击提交后，它只停留在第1页。警报显示数据，这一切都正确但它不会移动到下一页。我是jquery的新手，所以我不知道$ .post在语法上是否正确。任何人都可以看到这里的问题是什么？为什么不进入下一页？谢谢

Answer 1

哟伙计你需要再定义一个处理post方法成功事件的函数。当您的帖子成功完成后，您可以更改SomeKittens向您显示的URL。

$.post("/Registration_1.php",data,function(response){
     window.location = ...
});

Answer 2

请在表单中指定操作： action =“your url”

例如：

<body>
    <form id="form1" action="http://stackoverflow.com/" method="post">
        <input type="radio" name="Reg_type" value="1"/> option 1 <br/>
        <input type="radio" name="Reg_type" value="2"/> option 2<br/>
        <input type="radio" name="Reg_type" value="3"/> option 3 <br/>
        <input type="submit" id="s" name="Submit" value="Submit" />
    </form>
</body>

修改过的脚本：

   $(document).ready(function () {
        $('input').on('click', function () {
            window.location('http://stackoverflow.com/');
        });
    });

希望这有助于：）

Answer 3

问题是$.post正在发送数据，但没有重定向用户。

Here's a tutorial on how to redirect the user.

jQuery将数据发布到下一页

3 个答案: