Javascript jQuery-使用post数据重定向
如何使用post数据重定向 如何使用Javascript jQuery-使用post数据重定向,javascript,jquery,html,post,Javascript,Jquery,Html,Post,如何使用post数据重定向 如何使用$\u POST移动到新页面 如何做到这一点?它是如何完成的,为什么不创建一个包含一些隐藏输入的表单并使用jQuery提交呢?应该可以工作:)有一个JQuery插件,它几乎完成了您要做的事情: 在包含JQuery和JQuery.redirect.min.js插件之后,您只需执行以下操作: $().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'}); var f = $('<form>
$\u POST
移动到新页面
如何做到这一点?它是如何完成的,为什么不创建一个包含一些隐藏输入的表单并使用jQuery提交呢?应该可以工作:)有一个JQuery插件,它几乎完成了您要做的事情: 在包含JQuery和JQuery.redirect.min.js插件之后,您只需执行以下操作:
$().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
var f = $('<form>');
$('<input>').attr('name', '...').attr('value', '...');
//after all fields are added
f.submit();
在较新的JQuery版本上使用以下代码:
$.redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
希望这有帮助 为什么不使用按钮而不是提交。 单击该按钮将允许您为浏览器构建一个正确的url以重定向到
$("#button").click(function() {
var url = 'site.com/process.php?';
$('form input').each(function() {
url += 'key=' + $(this).val() + "&";
});
// handle removal of last &.
window.location.replace(url);
});
这需要澄清。您的服务器是否正在处理要重定向到其他地方的帖子?或者您想将regulatr GET请求重定向到另一个需要帖子的页面 在任何一种情况下,您都可以这样做:
$().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
var f = $('<form>');
$('<input>').attr('name', '...').attr('value', '...');
//after all fields are added
f.submit();
var f=$('');
$('').attr('name','…').attr('value','…');
//添加所有字段后
f、 提交();
制作一个链接,上面写着“如果没有自动重定向,请单击此处”来处理弹出窗口拦截器,这可能是一个好主意。我将jquery.redirect.min.js插件与此json解决方案一起放在标题部分以提交数据
<script type="text/javascript">
$(function () {
$('form').on('submit', function(e) {
$.ajax({
type: 'post',
url: 'your_POST_URL',
data: $('form').serialize(),
success: function () {
// now redirect
$().redirect('your_POST_URL', {
'input1': $("value1").val(),
'input2': $("value2").val(),
'input3': $("value3").val()
});
}
});
e.preventDefault();
});
});
</script>
这里有一个简单的小函数,只要您使用jQuery,它就可以应用于任何地方
var redirect = 'http://www.website.com/page?id=23231';
$.redirectPost(redirect, {x: 'example', y: 'abc'});
// jquery extend function
$.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>').appendTo('body').submit();
}
});
varhttp://www.website.com/page?id=23231';
$.redirectPost(重定向,{x:'example',y:'abc'});
//jquery扩展函数
$扩展(
{
重定向帖子:函数(位置,参数)
{
var形式=“”;
$.each(参数、函数(键、值){
形式+='';
});
$(''+表单+'').appendTo('body').submit();
}
});
根据这些评论,我对我的回答进行了扩展:
// jquery extend function
$.extend(
{
redirectPost: function(location, args)
{
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", location);
$.each( args, function( key, value ) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
$(form).appendTo('body').submit();
}
});
//jquery扩展函数
$扩展(
{
重定向帖子:函数(位置,参数)
{
变量形式=$('');
表格attr(“方法”、“职位”);
表格.attr(“行动”,地点);
$.each(参数、函数(键、值){
变量字段=$('');
字段属性(“类型”、“隐藏”);
字段属性(“名称”,键);
字段属性(“值”,值);
表单追加(字段);
});
$(form).appendTo('body').submit();
}
});
构造并填写一个隐藏方法=后期操作=”http://example.com/vote“表单并提交,而不是使用window.location
或
$('#插入表单').html(
'
');
document.forms['form'].submit();
在文档/窗口就绪之前,向jQuery添加“扩展”:
$.extend(
{
redirectPost: function(location, args)
{
var form = '';
$.each( args, function( key, value ) {
form += '<input type="hidden" name="'+value.name+'" value="'+value.value+'">';
form += '<input type="hidden" name="'+key+'" value="'+value.value+'">';
});
$('<form action="'+location+'" method="POST">'+form+'</form>').submit();
}
});
注意:这种方法不能发布文件。我认为这是最好的方法
<html>
<body onload="document.getElementById('redirectForm').submit()">
<form id='redirectForm' method='POST' action='/done.html'>
<input type='hidden' name='status' value='complete'/>
<input type='hidden' name='id' value='0u812'/>
<input type='submit' value='Please Click Here To Continue'/>
</form>
</body>
</html>
这几乎是瞬间的,用户不会看到任何东西 与上述答案相似,但书写方式不同
$.extend(
{
redirectPost: function (location, args) {
var form = $('<form>', { action: location, method: 'post' });
$.each(args,
function (key, value) {
$(form).append(
$('<input>', { type: 'hidden', name: key, value: value })
);
});
$(form).appendTo('body').submit();
}
});
$.extend(
{
重定向帖子:函数(位置,参数){
var form=$('',{action:location,method:'post'});
$。每个(args,
功能(键、值){
$(表格)。附加(
$(“”,{type:'hidden',name:key,value:value})
);
});
$(form).appendTo('body').submit();
}
});
这将使用已发布的数据重定向
$(function() {
$('<form action="url.php" method="post"><input type="hidden" name="name" value="value1"></input></form>').appendTo('body').submit().remove();
});
}
$(函数(){
$(“”).appendTo('body').submit().remove();
});
}
.submit()函数自动执行提交到url的操作.remove()函数在提交表单后终止表单 “扩展”目标。出于某种原因,我需要将帖子重定向到_blank或其他框架:
$.extend(
{
redirectPost: function(location, args, target = "_self")
{
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", location);
form.attr("target", target);
$.each( args, function( key, value ) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
$(form).appendTo('body').submit();
}
});
$.extend(
{
重定向帖子:函数(位置、参数、目标=“\u self”)
{
变量形式=$('');
表格attr(“方法”、“职位”);
表格.attr(“行动”,地点);
表格attr(“目标”,目标);
$.each(参数、函数(键、值){
变量字段=$('');
字段属性(“类型”、“隐藏”);
字段属性(“名称”,键);
字段属性(“值”,值);
表单追加(字段);
});
$(form).appendTo('body').submit();
}
});
我其实很想听到这个答案。不可能用POST请求设置windows位置,只获取请求,也不可能重定向POST请求,所以通常的解决方案是动态创建一个带有所需数据和操作属性的表单,然后提交。你忘了PHP标记吗,或者jQuery是否有一个$\u POST
变量?@y2k,这不是同一个问题吗?注意:输入应该是输入ID而不是名称@TimS,在查看了那个链接之后,我仍然不清楚如何使用post.nevermind检索新页面中的数据,我找到了它并使它工作了。好建议$()重定向(“”,{'e':'error'});不起作用。我还与一些其他post变量有一个连接,这些变量首先发布到同一页面,经过处理后,我使用jquery redirect将一些新的post变量重定向到不同的页面。使用jquery 2.1.3,我的正确语法是$.redirect(…);没有括号。因此我们无法重定向到其他url并发布到其他url>?这只会在url更改时导致正常的GET请求。最初的问题是对移动设备发出POST请求。添加。追加('body')
。。。示例:$(''+form+'').appendTo('body').submit()基于此解决方案的idea比imo公认的答案要好得多。它易于实现,无需加载其他库!我得到$。在尝试使用此功能时,redirectPost不是一个函数错误。使用extend的好主意。但此实现在将值放入value=”“
属性之前不会对其进行转义。所以,若值包含引号,它将不起作用。函数本身
$.extend(
{
redirectPost: function(location, args, target = "_self")
{
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", location);
form.attr("target", target);
$.each( args, function( key, value ) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
$(form).appendTo('body').submit();
}
});