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

  }

第三步:响应到页面