我正在尝试将浏览器指向另一个页面。如果我想要GET请求，我可以说
document.location.href = 'http://example.com/q=a';
但是，除非我使用POST请求，否则我试图访问的资源将无法正确响应。如果这不是动态生成的，我可能会使用HTML
<form action="http://example.com/" method="POST">
<input type="hidden" name="q" value="a">
</form>
然后我只需从DOM提交表单。
但实际上，我希望JavaScript代码能够让我说
post_to_url('http://example.com/', {'q':'a'});
最好的跨浏览器实现是什么？
我需要一个改变浏览器位置的解决方案，就像提交表单一样。这不应该是异步的，也不应该使用XML，因此Ajax不是答案。
当前回答
您可以使用jQuery的触发器方法提交表单，就像按下按钮一样，
$('form').trigger('submit')
它将在浏览器上提交。
其他回答
Try
函数post_to_url（url，obj）{let id=`form_${+new Date（）}`；文档.body.innerHTML+=`<form id=“${id}”action=“${url}”method=“POST”>$｛Object.keys（obj）.map（k=>`<input-type=“hidden”name=“${k}”value=“${obj[k]}”>`)}</form>`this[id].submit（）；}//TEST-在第二个参数对象中可以有更多的键函数jump（）｛post_to_url（'https://example.com/'，{'q'：'‘}）；}打开chrome>网络并按下按钮：<button onclick=“jump（）”>发送POST</button>
@Aaron回答的一个简单而快速的实现：
document.body.innerHTML += '<form id="dynForm" action="http://example.com/" method="post"><input type="hidden" name="q" value="a"></form>';
document.getElementById("dynForm").submit();
当然，您应该使用JavaScript框架，如Prototype或jQuery。。。
一种解决方案是生成表单并提交
function post_to_url(url, params) {
var form = document.createElement('form');
form.action = url;
form.method = 'POST';
for (var i in params) {
if (params.hasOwnProperty(i)) {
var input = document.createElement('input');
input.type = 'hidden';
input.name = i;
input.value = params[i];
form.appendChild(input);
}
}
form.submit();
}
所以我可以用一个简单的
javascript:post_to_url('http://is.gd/create.php', {'URL': location.href});
Rakesh Pai的回答令人惊讶，但当我试图发布一个名为submit的表单时，我（在Safari中）遇到了一个问题。例如，post_to_url（“http://google.com/“，｛submit：”submit“｝）；。我已经稍微修补了该函数，以避免这种变量空间冲突。
function post_to_url(path, params, method) {
method = method || "post";
var form = document.createElement("form");
//Move the submit function to another variable
//so that it doesn't get overwritten.
form._submit_function_ = form.submit;
form.setAttribute("method", method);
form.setAttribute("action", path);
for(var key in params) {
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", key);
hiddenField.setAttribute("value", params[key]);
form.appendChild(hiddenField);
}
document.body.appendChild(form);
form._submit_function_(); //Call the renamed function.
}
post_to_url("http://google.com/", { submit: "submit" } ); //Works!
不可以。您不能像提交表单一样提交JavaScript发布请求。
您可以拥有HTML格式的表单，然后使用JavaScript提交它。（如本页多次所述）。
您可以自己创建HTML，不需要JavaScript来编写HTML。如果有人这样建议，那就太傻了。
<form id="ninja" action="http://example.com/" method="POST">
<input id="donaldduck" type="hidden" name="q" value="a">
</form>
您的函数将按照您想要的方式配置表单。
function postToURL(a,b,c){
document.getElementById("ninja").action = a;
document.getElementById("donaldduck").name = b;
document.getElementById("donaldduck").value = c;
document.getElementById("ninja").submit();
}
然后，像这样使用它。
postToURL("http://example.com/","q","a");
但我会省略函数，只做。
document.getElementById('donaldduck').value = "a";
document.getElementById("ninja").submit();
最后，样式决定在ccs文件中。
#ninja {
display: none;
}
就我个人而言，我认为表格应该用名字来称呼，但现在这并不重要。
