我正在尝试将浏览器指向另一个页面。如果我想要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不是答案。
当前回答
我使用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>
其他回答
最简单的方法是使用Ajax Post Request：
$.ajax({
type: "POST",
url: 'http://www.myrestserver.com/api',
data: data,
success: success,
dataType: dataType
});
哪里：
数据是一个对象dataType是服务器期望的数据（xml，json、脚本、文本、html）url是RESt服务器或服务器端接受HTTP-POST的任何函数的地址。
然后在成功处理程序中使用类似window.location的内容重定向浏览器。
使用此答案中提供的createElement函数，这是必要的，因为IE在使用document.createElement正常创建的元素上使用name属性时会中断：
function postToURL(url, values) {
values = values || {};
var form = createElement("form", {action: url,
method: "POST",
style: "display: none"});
for (var property in values) {
if (values.hasOwnProperty(property)) {
var value = values[property];
if (value instanceof Array) {
for (var i = 0, l = value.length; i < l; i++) {
form.appendChild(createElement("input", {type: "hidden",
name: property,
value: value[i]}));
}
}
else {
form.appendChild(createElement("input", {type: "hidden",
name: property,
value: value}));
}
}
}
document.body.appendChild(form);
form.submit();
document.body.removeChild(form);
}
我会按照其他人的建议走Ajax路线，比如：
var xmlHttpReq = false;
var self = this;
// Mozilla/Safari
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open("POST", "YourPageHere.asp", true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
self.xmlHttpReq.setRequestHeader("Content-length", QueryString.length);
self.xmlHttpReq.send("?YourQueryString=Value");
这是基于beauSD使用jQuery的代码。它得到了改进，因此可以递归地处理对象。
function post(url, params, urlEncoded, newWindow) {
var form = $('<form />').hide();
form.attr('action', url)
.attr('method', 'POST')
.attr('enctype', urlEncoded ? 'application/x-www-form-urlencoded' : 'multipart/form-data');
if(newWindow) form.attr('target', '_blank');
function addParam(name, value, parent) {
var fullname = (parent.length > 0 ? (parent + '[' + name + ']') : name);
if(value instanceof Object) {
for(var i in value) {
addParam(i, value[i], fullname);
}
}
else $('<input type="hidden" />').attr({name: fullname, value: value}).appendTo(form);
};
addParam('', params, '');
$('body').append(form);
form.submit();
}
一种解决方案是生成表单并提交
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});
