blocks|key|3135328|text|构造和填写一个隐藏的method=POST+action="http://example.com/vote"表单并提交它，而不是使用window.location。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3135329|entityMap^0|A|18|1U|F|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>Construct and fill out a hidden <code>method=POST action="http://example.com/vote"</code> form and submit it, rather than using <code>window.location</code> at all.</p>


blocks|key|2921294|text|根据@Kevin-Reid的回答，这里是“我最终完成了以下操作”示例的替代方案，该示例通过专门构造表单(使用jQuery)来避免再次命名和查找表单对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2921295|var+url+=+'http://example.com/vote/'+%2B+Username;
var+form+=+$('<form+action="'+%2B+url+%2B+'"+method="post">'+%2B
++'<input+type="text"+name="api_url"+value="'+%2B+Return_URL+%2B+'"+/>'+%2B
++'</form>');
$('body').append(form);
form.submit();|code-block|syntax|javascript|2921296|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>per @Kevin-Reid's answer, here's an alternative to the "I ended up doing the following" example that avoids needing to name and then lookup the form object again by constructing the form specifically (using jQuery)..</p>

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


blocks|key|245889|text|您可以使用target属性从iframe发送带有重定向的表单。您的表单打开标记将如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|245890|method="post"+action="http://some.url.com/form_action"+target="_top"|code-block|syntax|javascript|245891|entityMap^0|5|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>You can use <code>target</code> attribute to send form with redirect from iframe.
Your form open tag would be something like this:</p>

<pre><code>method="post" action="http://some.url.com/form_action" target="_top"
</code></pre>


blocks|key|243804|text|这里有一个简单的小函数，只要您使用的是jQuery，它就可以应用到任何地方。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|243805|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+%2B=+'<input+type="hidden"+name="'%2Bkey%2B'"+value="'%2Bvalue%2B'">';
++++++++});
++++++++$('<form+action="'+%2B+location+%2B+'"+method="POST">'+%2B+form+%2B+'</form>').appendTo($(document.body)).submit();
++++}
});|code-block|syntax|javascript|243806|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here's a simple small function that can be applied anywhere as long as you're using jQuery.</p>

<pre><code>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 += '&lt;input type="hidden" name="'+key+'" value="'+value+'"&gt;';
        });
        $('&lt;form action="' + location + '" method="POST"&gt;' + form + '&lt;/form&gt;').appendTo($(document.body)).submit();
    }
});
</code></pre>


blocks|key|245893|text|用于将任何JavaScript对象发布到给定URL的泛型函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|245894|function+postAndRedirect(url,+postData)
{
++++var+postFormStr+=+"<form+method='POST'+action='"+%2B+url+%2B+"'>\n";

++++for+(var+key+in+postData)
++++{
++++++++if+(postData.hasOwnProperty(key))
++++++++{
++++++++++++postFormStr+%2B=+"<input+type='hidden'+name='"+%2B+key+%2B+"'+value='"+%2B+postData[key]+%2B+"'></input>";
++++++++}
++++}

++++postFormStr+%2B=+"</form>";

++++var+formElement+=+$(postFormStr);

++++$('body').append(formElement);
++++$(formElement).submit();
}|code-block|syntax|javascript|245895|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Generic function to post any JavaScript object to the given URL.</p>

<pre><code>function postAndRedirect(url, postData)
{
    var postFormStr = "&lt;form method='POST' action='" + url + "'&gt;\n";

    for (var key in postData)
    {
        if (postData.hasOwnProperty(key))
        {
            postFormStr += "&lt;input type='hidden' name='" + key + "' value='" + postData[key] + "'&gt;&lt;/input&gt;";
        }
    }

    postFormStr += "&lt;/form&gt;";

    var formElement = $(postFormStr);

    $('body').append(formElement);
    $(formElement).submit();
}
</code></pre>


blocks|key|243808|text|下面是一个不使用jQuery的方法。我用它创建了一个bookmarklet，它检查w3-html-validator上的当前页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|243809|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>'%2Bdocument.documentElement.outerHTML;
f.appendChild(i);

document.body.appendChild(f);
f.submit();|code-block|syntax|javascript|243810|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here is a method, which does not use jQuery.
I used it to create a bookmarklet, which checks the current page on w3-html-validator.</p>

<pre><code>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='&lt;!DOCTYPE html&gt;'+document.documentElement.outerHTML;
f.appendChild(i);

document.body.appendChild(f);
f.submit();
</code></pre>


blocks|key|245902|text|这在使用上非常方便：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|245903|var+myRedirect+=+function(redirectUrl,+arg,+value)+{
++var+form+=+$('<form+action="'+%2B+redirectUrl+%2B+'"+method="post">'+%2B
++'<input+type="hidden"+name="'%2B+arg+%2B'"+value="'+%2B+value+%2B+'"></input>'+%2B+'</form>');
++$('body').append(form);
++$(form).submit();
};|code-block|syntax|javascript|245904|然后像这样使用它：|245905|myRedirect("/yourRedirectingUrl",+"arg",+"argValue");|245906|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This is quite handy to use:</p>

<pre><code>var myRedirect = function(redirectUrl, arg, value) {
  var form = $('&lt;form action="' + redirectUrl + '" method="post"&gt;' +
  '&lt;input type="hidden" name="'+ arg +'" value="' + value + '"&gt;&lt;/input&gt;' + '&lt;/form&gt;');
  $('body').append(form);
  $(form).submit();
};
</code></pre>

<p>then use it like: </p>

<pre><code>myRedirect("/yourRedirectingUrl", "arg", "argValue");
</code></pre>


blocks|key|3135403|text|var+myRedirect+=+function(redirectUrl)+{
var+form+=+$('<form+action="'+%2B+redirectUrl+%2B+'"+method="post">'+%2B
'<input+type="hidden"+name="parameter1"+value="sample"+/>'+%2B
'<input+type="hidden"+name="parameter2"+value="Sample+data+2"+/>'+%2B
'</form>');
$('body').append(form);
$(form).submit();
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3135404|在http://www.prowebguru.com/2013/10/send-post-data-while-redirecting-with-jquery/找到代码|unstyled|offset|length|3135405|我将尝试这一点，并对我的工作提出其他建议。|3135406|有没有其他方法可以做到这一点呢？|3135407|entityMap|0|LINK|mutability|MUTABLE|url|http://www.prowebguru.com/2013/10/send-post-data-while-redirecting-with-jquery/^0|0|1|27|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|V|8|@]|9|@$G|W|H|X|1|Y]]|A|$]]|$1|I|3|J|5|F|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|F|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<pre><code>var myRedirect = function(redirectUrl) {
var form = $('&lt;form action="' + redirectUrl + '" method="post"&gt;' +
'&lt;input type="hidden" name="parameter1" value="sample" /&gt;' +
'&lt;input type="hidden" name="parameter2" value="Sample data 2" /&gt;' +
'&lt;/form&gt;');
$('body').append(form);
$(form).submit();
};
</code></pre>

<p>Found code at <a href="http://www.prowebguru.com/2013/10/send-post-data-while-redirecting-with-jquery/" rel="nofollow">http://www.prowebguru.com/2013/10/send-post-data-while-redirecting-with-jquery/</a></p>

<p>Going to try this and other suggestions for my work.</p>

<p>Is there any other way to do the same ?</p>


blocks|key|2921338|text|如果您使用的是jQuery，则有一个使用POST或GET方法的redirect+plugin。它创建一个带有隐藏输入的表单，并为您提交它。下面是如何使其正常工作的示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2921339|$.redirect('demo.php',+{'arg1':+'value1',+'arg2':+'value2'});|code-block|syntax|javascript|2921340|注意：您可以将方法类型GET或POST作为可选的第三个参数传递；POST是默认值。|style|BOLD|2921341|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js^0|V|F|0|0|0|0|3|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>If you are using jQuery, there is a <a href="https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js">redirect plugin</a> that works with the POST or GET method. It creates a form with hidden inputs and submits it for you. An example of how to get it working:</p>

<pre><code>$.redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
</code></pre>

<p><strong>Note:</strong> You can pass the method types GET or POST as an optional third parameter; POST is the default.</p>


blocks|key|3135409|text|这里的答案可能会令人困惑，所以我将给你一个我正在使用的示例代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3135410|首先，请注意，您所引用的java+script+windows.location函数没有POST参数。|3135411|所以你必须..。|3135412|3135413|使用POST动态生成表单parameter.|ordered-list-item|3135414|Dynamically将具有所需值的一个或多个文本框放入post|3135415|3135416|调用动态创建的提交表单。|3135417|3135418|举个例子。|3135419|+++++//----------+make+sure+to+link+to+your+jQuery+library+----//

<script+type="text/javascript"+>

++++var+form+=+$(document.createElement('form'));
++++$(form).attr("action",+"test2.php");
++++$(form).attr("method",+"POST");
++++$(form).css("display",+"none");

++++var+input_employee_name+=+$("<input>")
++++.attr("type",+"text")
++++.attr("name",+"employee_name")
++++.val("Peter"+);
++++$(form).append($(input_employee_name));


++++var+input_salary+=+$("<input>")
++++.attr("type",+"text")
++++.attr("name",+"salary")
++++.val("1000"+);
++++$(form).append($(input_salary));

++++form.appendTo(+document.body+);
++++$(form).submit();

</script>|code-block|syntax|javascript|3135420|如果一切顺利，您将被重定向到test2.php，并且您可以使用POST来读取传递的employee_name和salary的值；这将分别是Peter和1000。|3135421|在test2.php上，您可以这样获得您的值。|3135422|$employee_name+=+$_POST['employee_name'];
$salary+=+$_POST['salary'];|3135423|不用说，一定要对传递的值进行清理。|3135424|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|19|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|1A|8|@]|9|@]|A|$]]|$1|J|3|K|5|I|7|1B|8|@]|9|@]|A|$]]|$1|L|3|-4|5|I|7|1C|8|@]|9|@]|A|$]]|$1|M|3|N|5|I|7|1D|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1F|8|@]|9|@]|A|$]]|$1|R|3|S|5|T|7|1G|8|@]|9|@]|A|$U|V]]|$1|W|3|X|5|6|7|1H|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1I|8|@]|9|@]|A|$]]|$1|10|3|11|5|T|7|1J|8|@]|9|@]|A|$U|V]]|$1|12|3|13|5|6|7|1K|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|15|$]]

<p>The answers here can be confusing so i will give you a sample code that i am working with.</p>

<p>To start with note that there is no POST parameter to java script windows.location function that you are referring to.</p>

<p>So you have to...</p>

<ol>
<li><p>Dynamically make a form with a POST parameter.</p></li>
<li><p>Dynamically put a textbox or textboxes with your desired values to post</p></li>
<li><p>Invoke the submit form you dynamically created.</p></li>
</ol>

<p>And for the example.</p>

<pre><code>     //---------- make sure to link to your jQuery library ----//

&lt;script type="text/javascript" &gt;

    var form = $(document.createElement('form'));
    $(form).attr("action", "test2.php");
    $(form).attr("method", "POST");
    $(form).css("display", "none");

    var input_employee_name = $("&lt;input&gt;")
    .attr("type", "text")
    .attr("name", "employee_name")
    .val("Peter" );
    $(form).append($(input_employee_name));


    var input_salary = $("&lt;input&gt;")
    .attr("type", "text")
    .attr("name", "salary")
    .val("1000" );
    $(form).append($(input_salary));

    form.appendTo( document.body );
    $(form).submit();

&lt;/script&gt;
</code></pre>

<p>If all is done well, you shall be redirected to test2.php and you can use POST to read passed values of employee_name and salary; that will be Peter and 1000 respectively.</p>

<p>On test2.php you can get your values thus.</p>

<pre><code>$employee_name = $_POST['employee_name'];
$salary = $_POST['salary'];
</code></pre>

<p>Needless to say , make sure you sanitize your passed values.</p>


blocks|key|3135426|text|解决方案1号|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3135427|+//your+variable
++++var+data+=+"brightcherry";

++++//passing+the+variable+into+the+window.location+URL
++++window.location.replace("/newpage/page.php?id='"%2Bproduct_id%2B"'");|code-block|syntax|javascript|3135428|解决方案2号|3135429|//your+variable
var+data+=+"brightcherry";

//passing+the+variable+into+the+window.location+URL
window.location.replace("/newpage/page.php?id="+%2B+product_id);|3135430|details|3135431|entityMap|0|LINK|mutability|MUTABLE|url|http://www.brightcherry.co.uk/scribbles/javascript-passing-variables-into-window-location/^0|0|6|0|0|0|6|0|0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

<p><strong>SOLUTION NO. 1</strong></p>

<pre><code> //your variable
    var data = "brightcherry";

    //passing the variable into the window.location URL
    window.location.replace("/newpage/page.php?id='"+product_id+"'");
</code></pre>

<p><strong>SOLUTION NO. 2</strong></p>

<pre><code>//your variable
var data = "brightcherry";

//passing the variable into the window.location URL
window.location.replace("/newpage/page.php?id=" + product_id);
</code></pre>

<p><a href="http://www.brightcherry.co.uk/scribbles/javascript-passing-variables-into-window-location/" rel="nofollow">details</a></p>


<p>Basically what I want to do is send <code>POST</code> data when I change the <code>window.location</code>, as if a user has submitted a form and it went to a new page. I need to do it this way because I need to pass along a hidden URL, and I can’t simply place it in the URL as a <code>GET</code> for cosmetic reasons.</p>

<p>This is what I have at the moment, but it doesn’t send any POST data.</p>

<pre><code>if(user has not voted) {

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

}
</code></pre>

<p>I know that you can send <code>POST</code> data with <code>jQuery.post()</code>, but I need it to be sent with the new <code>window.location</code>. </p>

<p>So to recap, I need to send <code>api_url</code> value via <code>POST</code> to <code>http://example.com/vote/</code>, while sending the user to the same page at the same time.</p>

<hr>

<p><strong>For future reference, I ended up doing the following</strong>:</p>

<pre><code>if(user has not voted) {

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

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

}
</code></pre>


Send POST data on redirect with JavaScript/jQuery?

jQuery

基本上，我想做的是在更改window.location时发送POST数据，就好像用户提交了一个表单，然后它转到了一个新页面。我需要这样做，因为我需要传递一个隐藏的URL，而出于美观的原因，我不能简单地将它作为GET放在URL中。这就是我目前所拥有的，但它不会发送任何POST数据。if(user has not vote...

问用JavaScript/jQuery重定向发送POST数据？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JavaScript/jQuery重定向发送POST数据？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JavaScript/jQuery重定向发送POST数据？
EN