编写此 AJAX 调用的最简单方法答案

【问题标题】：Simplest way to write this AJAX call编写此 AJAX 调用的最简单方法
【发布时间】：2010-11-06 09:06:16
【问题描述】：

我需要向网络服务器“http://examples.com/ajax”发送一个 ajax 请求，响应将是 <div> 的 html，并将插入到现有的 <div id="holder">。用javascript编写这个最简单，最小的方法是什么？不使用jQuery？

只需要支持最新版本的chrome即可。

【问题讨论】：

标签： javascript html

【解决方案1】：

var req = new XMLHttpRequest();

req.onreadystatechange = function() {
  //Is request finished? Does the requested page exist?
  if(req.readyState==4 && req.status==200) {   
    //Your HTML arrives here
    alert(req.responseText);  
  }
}

req.open("GET","http://examples.com/ajax.php",true)  //true indicates ASYNCHRONOUS
req.send(null);

此解决方案使用get，因此您必须使用? 和& 将变量添加到您的网址（例如http://examples.com/ajax.php?foo=bar&blah=blee。

如果您想使用post 来执行此操作，请使用get 运行一些，然后使用this article is useful。

【讨论】：

谢谢。如何将 req.responseText 插入
？
@rana: document.getElementById('holder').innerHTML = req.responseText
也用于错误处理，我可以在 if 语句中添加一个 else 对吗？
PHP 错误将显示为responseText，因此您可以直接看到它们。 HTTP 错误（例如 404“找不到页面”）将在 req.status 中看到。状态 200 表示您的 HTTP 请求一切正常。
这个解决方案跨浏览器兼容吗？如果不是@steve，你可以修改它吗