1

我在 SO 上看到了很多与此相关的其他问题，但没有一个对我有用。我正在尝试提交POST表单，然后将用户重定向到另一个页面，但我无法同时实现。我可以得到重定向，也可以得到帖子，但不能两者兼而有之。这是我现在拥有的：

<HTML>
    <HEAD>
    </HEAD>
    <BODY>
        <script type="text/javascript">
            function redirect() {
                window.location.href = "http://www.google.com";
            }
        </script>
        <form id="myForm" method=POST name=transferform
          action="some_place.php" onsubmit="redirect();">
            <input name=gold type=text value="1" size=5>
            <input name=recipient type=text value="mypal" size=10>
            <input id="myButton" type=submit name=submission value="Send">
        </form>
        <script type="text/javascript">
            window.onload = function(){
                document.getElementById('myButton').click();
            };
        </script>

    </BODY>
</HTML>

我究竟做错了什么？

4

5 回答 5

1

提交表单后，当前页面上的所有 JS 执行都会停止。您需要从服务器重定向，或者让服务器输出一个包含将执行重定向的 JavaScript 的页面。

于 2013-10-07T19:52:57.843 回答
0

您可以使用ajax 汇总表单，然后在收到来自服务器的响应后使用javascript重定向页面，或者如果您想要进行整页回发，则可以使用 Location 标头使用php进行重定向：

header('Location: http://somewebsite.com/somepage.php');
于 2013-10-07T20:06:35.550 回答
0

考虑使用 Deferred 覆盖来覆盖表单的默认提交行为。

$('#myForm').submit(function (e) {
    // prevent form submission
    e.preventDefault();
    var thisForm = $(e.currentTarget);
    $.ajax({
        // simulate form submission
        type: thisForm.attr('method') || 'POST',
        url: thisForm.attr('action') || window.location.href,
        data: $.serialize(thisForm.data())
    })
    .always(function () {
        // when it is done submitting data to the server, redirect
        window.location.replace("http://www.google.com");
    });
});
于 2013-10-07T20:11:26.047 回答
0

您可以通过 Ajax 请求发布表单，并在完成请求后将其重定向到新页面。

像这样的东西：

<HTML>
<HEAD>   
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</HEAD>
<BODY>
<form id="myForm" method=POST name=transferform action="some_place.php" onsubmit="return false;">
  <input name=gold type=text value="1" size=5>
  <input name=recipient type=text value="mypal" size=10>
  <input id="myButton" type=submit name=submission value="Send">
</form>

<script type="text/javascript">
  $(function() {
    $(document).on("submit", "#myForm", function(event){
      var name = $('input[name="gold"]:first'),
        recipient = $('input[name="recipient"]:first');
      $.post( "some_place.php", { name: name, recipient: recipient })
      .done(function( data ) {
        window.location.href = "http://www.google.com";
      });
    });
  });
</script>
</BODY>
</HTML>
于 2013-10-07T20:16:18.617 回答
0

最好的方法是在提交表单后通过服务器端重定向。另一个是防止默认表单提交并使用 ajax 提交表单。这是一个示例代码：

$("#myform").submit(function(e) {
    e.preventDefault();
  var frm = $('#myform');        
    $.ajax({           
       type: frm.attr('method'),
       url: frm.attr('action'),
       data: frm.serialize(),
       success: function (data) {
            console.log('data');
            window.location.replace('your-url');
        }
});
于 2020-02-09T09:07:32.243 回答