原生js发送ajax请求

1.接口getdata.php

header("Content-type:text/html;charset=utf-8");
//设置响应头，禁止缓存，告诉浏览器不要读取缓存文件
header("Cache-Control:no-cache,must-revalidate");
echo  "<div>我是<span style='color:red'>凤姐约吗，哪里约，与".$_GET['name']."约12345689112233445566</span></div>";

2.页面fahuo.html

<button type="button" onClick='fahuo()'>发货</button>
<div id='result'></div>

function fahuo(){
   //1.创建ajax对象
   var xhr = new XMLHttpRequest();
   //2.监听ajax状态的改变的事件，在此事件处理中判断状态等于4,接收数据，处理业务逻辑
    xhr.onreadystatechange=function(){
    if(xhr.readyState == 4){
        //获取服务器响应的数据
        var response = xhr.responseText;//response是接口返回来的数据
        //把返回来数据写在id为result的div中
        document.getElementById('result').innerHTML =  response;
    }
}
   //3.建立http连接
   xhr.open("get","getdata.php?name=lisi&age=44",true); //true异步  false同步
   //4.发送ajax请求
   xhr.send(null);
  }