Ajax的XMLHttpRequest异步对象的简单应用

Ajax的异步对象XMLHttpRequest

1、什么是Ajax

  Asynchronous JavaScript and XML  即就是异步的XMLHttpRequest
  技术基础：JavaSript、html、Servlet等
  JavaScript：负责创建异步对象，发送请求，更新界面的DOM对象
  Ajax：  请求服务端的数据
  XML：网络数据传输的一种数据格式（累死类似于JSON技术）

2、步骤

  创建异步对象
  给异步对象绑定事件
  初始化服务端数据
  发送请求

3、代码实现

<script type="text/javascript"> //使用内存中的异步对象，代替浏览器发起请求 function doAjax() { //1、创建异步对象 var xmlHttp = new XMLHttpRequest(); //2、绑定事件 xmlHttp.onreadystatechange = function () { //处理服务器端返回的数据，更新当前界面 if(xmlHttp.readyState == 4 && xmlHttp.status == 200){ var newData = xmlHttp.responseText; document.getElementById("data").innerHTML = n } //3、初始化请求数据 //获取dom对象的value属性值 var name = document.getElementById("name").value; var w = document.getElementById("w").value; var h = document.getElementById("h").value; var param = "?name="+name+"&w="+w+"&h="+h; xmlHttp.open("get","bmiAjax"+param,true); //4、发起请求 xmlHttp.send(); }