javascript - 如何发布到 url 但重定向到其他位置？

Question

我的表单完美地对其操作 URL 执行 POST，但是当我提交表单时，它会将我带到 POST 的 URL。

我想知道我是否仍然可以发布到操作 URL 但重定向到另一个页面？

我试过使用 return false;但我仍然被带到操作 URL。

到目前为止，这是我的代码:

<form id="login" onSubmit="return login();">
  <input id="username" type="text" name="username" id="username" placeholder="Username">
  <input type="password" name="password" id="password" placeholder="Password">
  <input id="login-btn" type="submit" value="Login">
</form>

<script>
function login() {
  var url="actionurl";
  location.href=url;
  return false;
}
</script>

所以我在另一个应用程序上使用了这个脚本，该应用程序发布到一个 php url 并在不离开表单页面的情况下发送电子邮件

<script type="text/javascript">
  $(document).ready( function () {
    $('form').submit( function () {
        var formdata = $(this).serialize();
         $.ajax({
              type: "POST",
              url: "http://myurl.com/email-form/send_form_email.php",
              data: formdata,
           });
         return false;
     });
 });
</script>

有没有办法修改它以添加从我的登录表单输入的用户名和密码变量在此 url https://www.myurl.com/index.php?option=com_hoicoiapi&task=login&

只是一个想法，因为它适用于我的电子邮件表单。

PS 重要的是 ?option=com_hoicoiapi&task=login& 在 url 上并且 &username=test&pass=1234 来自表单。

Answer 1

您必须使用 GET 请求发送表单，这是您正在使用的，使用 ajax，然后重定向

var url_to_send_to  = 'actionurl';
var url_to_redirect = 'otherurl';

$('#login').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
        url  : url_to_send_to,
        type : "POST",
        data : $(this).serialize()
    }).done(function() {
        window.location.href = url_to_redirect
    });
});

并删除内联事件处理程序,,,