1. 程式人生 > >4. AJAX 省市聯動

4. AJAX 省市聯動

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