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);
}
第三步:响应到页面