Question

我已经查询过，并没有弄清楚我发现了什么。有没有办法重定向使用Javascript或jquery为 POST 方法提供网址？

Answer 1

根据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' });

Answer 2

创建表单，填写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');

Answer 3

这里的想法是将数据发送到服务器，同时将用户重定向到另一个网页，而不使用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>

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

Answer 4

试试这个：

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();

Answer 5

使用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();
    }
});

Answer 6

实际上有一招。您可以使用jQuery创建隐藏表单并触发提交按钮：

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

并做一个

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

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

Answer 7

您可以使用序列化表单和帖子中的所有数据。以下是一个例子。

$("#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;
        });

Answer 8

我认为您应该构建并填写隐藏的方法= POST action =“YOUR_URL”表单并提交，

Answer 9

没有办法这样做。

即使a元素也会对GET进行攻击。

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

Answer 10

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

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

如果没有数据要传递到您要发布到的页面，您可以删除数据：'formValue = someValue'。

Answer 11

呵呵...使用AJAX Jquery：

<div class="ad-top">
        <img class="adtop" src="http://dummyimage.com/728%20x%2090" height="90" width="728" />
</div>
<div class="ad-right">
    <img class="adbig" src="http://dummyimage.com/300%20x%20600" height="600" width="300" />
</div>
<section><!--content--></section>

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

11 个答案: