如何使用Javascript通过“POST”方法重定向

How to redirect through 'POST' method using Javascript?

本文关键字：方法 重定向 POST 何使用 Javascript 通过      更新时间：2023-09-26

我已经查询过了，但没有弄清楚我发现了什么。有没有办法重定向到使用 Javascript 或 jquery 的 POST 方法给出网址？

根据Eugene Naydenov的回答，我最终使用了这个也能够填写表单数据，希望对其他人有用：

function redirectPost(url, data) {
    var form = document.createElement('form');
    document.body.appendChild(form);
    form.method = 'post';
    form.action = url;
    for (var name in data) {
        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = name;
        input.value = data[name];
        form.appendChild(input);
    }
    form.submit();
}
// redirectPost('http://www.example.com', { text: 'text'n'ntext' });

更新（2021）：几年后，一个打开新选项卡/窗口的版本对我也很有用，所以希望这也很有用，只是要确保这将发生在点击事件中，因为浏览器应该阻止它否则，

function openPostPage(url, data) {
    var form = document.createElement('form');
    document.body.appendChild(form);
    form.target = '_blank';
    form.method = 'post';
    form.action = url;
    for (var name in data) {
        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = name;
        input.value = data[name];
        form.appendChild(input);
    }
    form.submit();
    document.body.removeChild(form);
}

创建表单，填写method并action属性，提交表单。

var redirect = function(url, method) {
    var form = document.createElement('form');
    form.method = method;
    form.action = url;
    form.submit();
};
redirect('http://www.example.com', 'post');

jQuery版本（但在这种特殊情况下，我更喜欢纯JavaScript）：

var redirect = function(url, method) {
    $('<form>', {
        method: method,
        action: url
    }).submit();
};
redirect('http://www.example.com', 'post');

这里的想法是在将用户重定向到另一个网页时将数据发送到服务器，而无需使用 GET 方法并保持 URL 的外观。因此，我们将使用与POST方法发送表单相同的过程。

用于创建表单并将其提交到服务器的 HTML/Javascript 代码：

<html>
<body>
<script>
var form = document.createElement("form");
form.method = 'post';
form.action = 'receive.php';
var input = document.createElement('input');
input.type = "text";
input.name = "data";
input.value = "this is the data I'm sending to server through POST";
form.appendChild(input);
form.submit();
</script>
<body>
<html>

在 PHP 中接收此数据：

<pre>
<?php
var_dump($_POST);
?>
</pre>

通过这种方式，用户将被重定向到接收.php并在 POST 方法中通知一些数据。

试试这个： 

var url = 'http://example.com/vote/' + Username;
var form = $('<form action="' + url + '" method="post">' +
  '<input type="text" name="api_url" value="' + Return_URL + '" />' +
  '</form>');
$('body').append(form);
$(form).submit();

其实有一个技巧。你创建一个隐藏的表单并触发提交按钮，例如jQuery：

<form method="POST" action="newurl.html" id="myform">
</form>

并做一个

$('#myform').submit();

我建议你使用Eugene Naydenov发布的no-jQuery版本

使用 POST vars 重定向（在 jQuery 上）

var redirect = 'http://www.website.com/page?id=23231';
$.redirectPost(redirect, {x: 'example', y: 'abc'});
$.extend(
{
    redirectPost: function(location, args)
    {
        var form = '';
        $.each( args, function( key, value ) {
            form += '<input type="hidden" name="'+key+'" value="'+value+'">';
        });
        $('<form action="'+location+'" method="POST">'+form+'</form>').submit();
    }
});

您可以使用序列化表单和发布中的所有数据。 下面是一个示例。 

$("#submit_btn").click(function(){
        $('.error_status').html();
            if($("form#frm_message_board").valid())
            {
                $.ajax({
                      type: "POST",
                      url: "<?php echo site_url('message_board/add');?>",
                      data: $('#frm_message_board').serialize(),
                      success: function(msg) {
                          var msg = $.parseJSON(msg);
                          if(msg.success=='yes')
                          {
                                                                            return true;
                         }
                         else
                         {
                            alert('Server error');
                            return false;
                        }
                       }
                });
            }
            return false;
        });

没有办法这样做。

即使是a元素也会打击GET.

您可以做的是发出Ajax请求发布并on-success使用window.open()。

我认为您应该构建并填写一个隐藏的方法=POST action="YOUR_URL"表单并提交它

，

使用 jQuery 发布数据并重定向到您想要的位置，如下所示：

$.ajax({
  type: 'POST',
  url: 'receivedata.asp',
  data: 'formValue=someValue',
  success: function(data){
      window.location = data;
  }
});

您可以删除数据："formValue=someValue"，如果没有要传递

到您要发布到的页面的数据。
呵

呵...使用 AJAX Jquery：

> $.ajax({
>                       type: "POST",
>                       url: "www.example.com/the_page_I_post_to.php",
>                       data: $('yourform').serialize(),//sent data
>                       success: function(msg) {
>                           alert("posted !");
>                        }
相关文章：