使用 XMLHTTPRequest/AJAX 将表单发布到 PHP 文件

Question

我对PHP有点健忘，有没有更简单的使用JavaScript AJAX发布表单的方法，不想简单地添加jQuery来发布ajax请求，而无需传递参数？

我想通过 Ajax 发布表单，而不必获取参数并在调用中发送它们，这可能吗？以下代码是否有替代方案...

var mypostrequest=new ajaxRequest()
mypostrequest.onreadystatechange=function(){
 if (mypostrequest.readyState==4){
  if (mypostrequest.status==200 || window.location.href.indexOf("http")==-1){
   document.getElementById("result").innerHTML=mypostrequest.responseText
  }
  else{
   alert("An error has occured making the request")
  }
 }
}
var namevalue=encodeURIComponent(document.getElementById("name").value)
var agevalue=encodeURIComponent(document.getElementById("age").value)
var parameters="name="+namevalue+"&age="+agevalue
mypostrequest.open("POST", "basicform.php", true)
mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
**mypostrequest.send(parameters)**

我打算使用 POST 而不是 GET 来隐藏 URL 上发送的内容，这感觉很奇怪，这与使用 GET 相同。还是我读错了？

Answer 1

如果你只想要一些简单的 Ajax，就不要使用 jQuery。

这会很好地完成工作：

// Vanilla
var httpRequest = new XMLHttpRequest()
httpRequest.onreadystatechange = function (data) {
  // code
}
httpRequest.open('GET', url)
httpRequest.send()

所有荣誉转至：https://gist.github.com/liamcurry/2597326

现在我们还可以添加更多浏览器支持（IE6 和更早版本：http://caniuse.com/#search=XMLHttpRequest）@所有那些 jQuery 负责人：jQuery 2 放弃了对 IE8 和更早版本的支持，因此那里没有“额外支持”。

// creates an XMLHttpRequest instance
function createXMLHttpRequestObject()
{
  // xmlHttp will store the reference to the XMLHttpRequest object
  var xmlHttp;
  // try to instantiate the native XMLHttpRequest object
  try
  {
    // create an XMLHttpRequest object
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    // assume IE6 or older
    try
    {
      xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
    }
    catch(e) { }
  }
  // return the created object or display an error message
  if (!xmlHttp)
    alert("Error creating the XMLHttpRequest object.");
  else 
    return xmlHttp;
}

所有荣誉转至：http://www.cristiandarie.ro/asp-ajax/Async.html

这篇文章是由谷歌赞助的（一个非常强大的工具，你输入东西，它会给出更多的答案）