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

Question

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

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

Answer 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运行一些，然后这篇文章会很有用 。