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(); }