我已经查询过，但没有弄清楚我发现了什么。有没有办法使用Javascript或jquery重定向以POST方法提供url？
问问题
89777 次
11 回答
60
根据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);
}
于 2016-07-18T20:30:37.283 回答
19
创建表单，填写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');
于 2013-09-28T07:09:42.113 回答
10
这里的想法是在将用户重定向到另一个网页时将数据发送到服务器，而不使用 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 方法中通知一些数据。
于 2015-01-04T15:21:56.250 回答
2
其实有个窍门。您创建一个隐藏表单并触发提交按钮，例如使用 jQuery：
<form method="POST" action="newurl.html" id="myform">
</form>
并做一个
$('#myform').submit();
我建议您使用Eugene Naydenov发布的非 jQuery 版本
于 2013-09-28T07:10:07.313 回答
2
尝试这个：
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();
于 2013-09-28T07:12:00.577 回答
2
使用 POST 变量重定向（在 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();
}
});
于 2017-11-13T04:52:23.343 回答
-1
您可以使用序列化您的表单和帖子中的所有数据。下面是一个例子。
$("#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;
});
于 2013-09-28T07:37:07.830 回答
-2
我认为你应该构建并填写一个隐藏的方法=POST action="YOUR_URL" 表单并提交它，
于 2013-09-28T07:11:40.203 回答
-3
没有办法这样做。
甚至一个a 元素都击中了GET.
您可以做的是发出 Ajax 请求以发布和on-success使用window.open()。
于 2013-09-28T07:07:43.240 回答
-3
使用 jQuery 发布数据并重定向到您想要的位置，如下所示：
$.ajax({
type: 'POST',
url: 'receivedata.asp',
data: 'formValue=someValue',
success: function(data){
window.location = data;
}
});
您可以删除数据：'formValue=someValue'，如果没有数据可以传递到您要发布到的页面。
于 2015-07-30T12:46:42.903 回答
-3
呵呵...使用 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 !");
> }
于 2015-07-30T12:54:56.420 回答