发送POST数据重定向与JavaScript/jQuery?

基本上我想做的是当我改变窗口时发送POST数据。位置，就好像用户提交了一个表单，然后它转到了一个新页面。我需要这样做，因为我需要传递一个隐藏的URL，我不能简单地将它作为一个GET放在URL中。

这是我目前拥有的，但它不发送任何POST数据。

if(user has not voted) {

    window.location = 'http://example.com/vote/' + Username;

}

我知道你可以用jQuery.post()发送POST数据，但我需要它与新的window.location一起发送。

因此，概括一下，我需要通过POST将api_url值发送到http://example.com/vote/，同时将用户发送到同一页面。

为了便于将来参考，我最后做了以下工作:

if(user has not voted) {

    $('#inset_form').html('<form action="http://example.com/vote/' + Username + '" name="vote" method="post" style="display:none;"><input type="text" name="api_url" value="' + Return_URL + '" /></form>');

    document.forms['vote'].submit();

}

当前回答

这里有一个简单的小函数，只要你使用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 ) {
            value = value.split('"').join('\"')
            form += '<input type="hidden" name="'+key+'" value="'+value+'">';
        });
        $('<form action="' + location + '" method="POST">' + form + '</form>').appendTo($(document.body)).submit();
    }
});

2014-04-28 17:43:03

其他回答

每@Kevin-Reid的回答，这里有一个替代“我最终做以下”的例子，避免了需要命名，然后通过构造表单再次查找表单对象(使用jQuery)..

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

2012-04-05 02:58:51

如果你正在使用jQuery，有一个重定向插件与POST或GET方法一起工作。它创建一个带有隐藏输入的表单并为您提交它。如何让它工作的例子:

$.redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});

注意:您可以将方法类型GET或POST作为可选的第三个参数传递;POST是默认值。

2015-02-26 22:37:13

这里有一个简单的小函数，只要你使用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 ) {
            value = value.split('"').join('\"')
            form += '<input type="hidden" name="'+key+'" value="'+value+'">';
        });
        $('<form action="' + location + '" method="POST">' + form + '</form>').appendTo($(document.body)).submit();
    }
});

2014-04-28 17:43:03

下面是一个不使用jQuery的方法。我用它创建了一个bookmarklet，它在w3-html-validator上检查当前页面。

var f = document.createElement('form');
f.action='http://validator.w3.org/check';
f.method='POST';
f.target='_blank';

var i=document.createElement('input');
i.type='hidden';
i.name='fragment';
i.value='<!DOCTYPE html>'+document.documentElement.outerHTML;
f.appendChild(i);

document.body.appendChild(f);
f.submit();

2014-07-15 19:33:41

你可以使用目标属性从iframe重定向发送表单。你的表单打开标签应该是这样的:

method="post" action="http://some.url.com/form_action" target="_top"

2013-12-30 09:32:37

发送POST数据重定向与JavaScript/jQuery?

推荐文章

最新文章

标签