總結

XMLHttpRequest對象ajax核心：

第一步創建xhr對象，

function getXmlHttpRequest(){

  var xhr=null;

  //if((typeof XMLHttPRequest)!='undefined'){

  //xhr=new XMLHttpRequest();

  //判斷是不是ie瀏覽器

  if(window.XMLHttpRequest){

  //new 實例

  xhr=new XMLHttpRequest();

  }else{

  xhr=new ActiveXObject

('Microsoft.XMLHttp');

  }

  return xhr;

  }

第二步：設置請求頭，打開鏈接

function change(v1){

  var xhr=getXmlHttpRequest();

  xhr.open('post','city.do',true);

  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

  xhr.onreadystatechange=function(){

  if(xhr.readyState==4){

  var txt=xhr.responseText;

  var citys=txt.parseJSON();

  document.getElementById('s2').innerHTML='';

  for ( i = 0; i < citys.length; i++) {

var op=new Option(citys[i].cityName,citys[i].cityValue);

document.getElementById('s2').options[i]=op;

}

  }

   

  };

  xhr.send('name='+v1);

  }

第三步：響應到頁面