我正在尝试将浏览器指向另一个页面。如果我想要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不是答案。
当前回答
您可以使用DHTML动态添加表单，然后提交。
其他回答
这将是使用jQuery选择的答案的一个版本。
// Post to the provided URL with the specified parameters.
function post(path, parameters) {
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", path);
$.each(parameters, function(key, value) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
// The form needs to be a part of the document in
// order for us to be able to submit it.
$(document.body).append(form);
form.submit();
}
您可以使用DHTML动态添加表单，然后提交。
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!
FormObject是一个选项。但现在大多数浏览器都不支持FormObject。
我使用document.forms并循环它以获取表单中的所有元素，然后通过XMLHttpRequest发送。这是我的javascript/ajax提交解决方案（以所有HTML为例）：
函数smc（）{var http=new XMLHttpRequest（）；var url=“yourphpfile.php”；var x=document.forms[0]；var xstr=“”；变量i；对于（i=0；i<x.length；i++）{如果（i==0）{xstr+=x.elements[i].name+“=”+x.elements[i].value；}其他{xstr+=“&”+x.elements[i].name+“=”+x.element[i].value；}}http.open（“POST”，url，true）；http.setRequestHeader（“内容类型”，“application/x-www-form-urlencoded”）；http.onreadystatechange=函数（）{如果（http.readyState==4&&http.status==200）{//在这里使用html输出响应执行任何操作}}http.send（xstr）；}<!DOCTYPE html><html><body><表单>名字：<input-type=“text”name=“fname”value=“Donald”><br>姓氏：<input-type=“text”name=“lname”value=“Duck”><br>地址1:<input-type=“text”name=“add”value=”123 Pond Dr“><br>城市：<input type=“text“name=”City“value=”Duckopolis“><br></form><button onclick=“smc（）”>提交</button></body></html>
