jQuery將數據發布到下一頁

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正在發送數據，但不會重定向用戶。

這是一個關於如何重定向用戶的教程。

jQuery將數據發布到下一頁

問題描述

3 個解決方案

解決方案1
2 2012-09-12 20:00:42

解決方案2
2 2012-09-12 20:24:41

解決方案3
0 2012-09-12 19:54:08

jQuery將數據發布到下一頁

問題描述

3 個解決方案

解決方案1 2 2012-09-12 20:00:42

解決方案2 2 2012-09-12 20:24:41

解決方案3 0 2012-09-12 19:54:08

解決方案1
2 2012-09-12 20:00:42

解決方案2
2 2012-09-12 20:24:41

解決方案3
0 2012-09-12 19:54:08