javascript - AJAX XMLHttpRequest POST

Question

我正在尝试使用 POST 方法编写 XMLHttpRequest。我过去曾使用 GET 方法设法使用 XMLHttpRequest，但在 POST 方面遇到困难。

这是我的代码:

var xmlhttp = null;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

var url = "http://www.mysite.com/script.php";
var params = "var=1";
xmlhttp.open("POST", url, true);
xmlhttp.send(params);

它基本上调用一个 PHP 脚本，然后将一些信息添加到数据库。

Answer 1

您忘记显式设置为 Content-type header ，这在执行 POST 请求时是必需的。

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

此外，不要忘记使用 encodeURIComponent正确编码您的参数，例如:

var params = "var=" + encodeURIComponent("1");

(在这个特定的例子中，这不是必需的，但是当使用像 + 这样的特殊字符时，如果你不对参数文本进行编码，事情就会变得非常糟糕)。

更新 – 您还应该将所有 %20 实例替换为 +，例如

var params = params.replace(/%20/g, '+');