4. AJAX 省市聯動
阿新 • • 發佈:2019-01-07
function getXmlHttpObject()
{
if(window.XMLHttpRequest){
var xmlHttpRequestObject = new XMLHttpRequest();
// alert(xmlHttpRequestObject);
}else{
var xmlHttpRequestObject = new XMLHttpRequest();
// alert('NO');
}
return xmlHttpRequestObject;
}
var myXmlHttpRequest = '';
function getCities()
{
myXmlHttpRequest = getXmlHttpObject();
// alert(myXmlHttpRequest);
if(myXmlHttpRequest){
var url = 'showCitiesPro.php' ;//post
var data = 'province=' + $('sheng').value ;
// alert(data);
myXmlHttpRequest.open('post',url,true);
myXmlHttpRequest.onreadystatechange = chuli;
myXmlHttpRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded' );
myXmlHttpRequest.send(data);
}else{
alert('出錯了');
}
}
function chuli()
{
if(myXmlHttpRequest.readyState == 4 && myXmlHttpRequest.status == 200){
var cities = myXmlHttpRequest.responseXML.getElementsByTagName('city');
$('city').length = 0;
var myOption = document.createElement('option');
myOption.innerHTML = '----城市---';
$('city').appendChild(myOption);
//遍歷取出城市
for(var i=0;i<cities.length;i++){
var city_name = cities[i].childNodes[0].nodeValue;
//建立新的元素option
var myOption = document.createElement('option');
myOption.value = city_name;
myOption.innerHTML = city_name;
//新增到
$('city').appendChild(myOption);
}
}
}
function $(id)
{
return document.getElementById(id);
}