ajax基礎執行個體 返回xml

來源:互聯網
上載者:User

//AJAX request for the city data
function ajaxforget(cn) {
    var xmlhttp_request = "";
    try {
        if (window.ActiveXObject) {
            for (var i = 5; i; i--) {
                try {
                    if (i == 2) {
                        xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    else {
                        xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP." + i + ".0");
                    }
                    break;
                }
                catch (e) {
                    xmlhttp_request = false;
                }
            }
        }
        else if (window.XMLHttpRequest) {
            xmlhttp_request = new XMLHttpRequest();
        }
    }
    catch (e) { xmlhttp_request = false; }
    if (!xmlhttp_request) {
        alert("您的瀏覽器不支援ajax");
        return;
    }
    xmlhttp_request.open('GET', '../Handler/CityData.ashx?code='+cn+'&time='+new Date().getMilliseconds(), true);

    xmlhttp_request.setRequestHeader("Content-Type", "text/xml"); //setRequestHeader("header", "value")
    xmlhttp_request.setRequestHeader("Charset", "gb2312"); //把指定首部設定為所提供的值。在設定任何首部之前必須先調用open()
    xmlhttp_request.send(null);
    var self = xmlhttp_request; //把引用賦給臨時變數self
    xmlhttp_request.onreadystatechange = function() {
        thecallback(self);
    };
}

        //ajax的回呼函數
        function thecallback(xmlhttp_request) {
            if (xmlhttp_request.readyState == 4 && xmlhttp_request.status == 200) {
                //繫結項目
                var data = xmlhttp_request.responseXML;
                var citys = data.getElementsByTagName("name");
                var cns = data.getElementsByTagName("code");
                var listCity = $("listCity");
                listCity.innerHTML = ""; //先移除所有的項
                var listP = $("listProvince");
                var code = listP.options[listP.selectedIndex].value;
                var item = new Array();
                for (var i = 0; i < citys.length; i++) {
                    if (citys.length != 1 && code == cns[i].childNodes[0].data) continue;
                    item[i] = document.createElement("option");
                    item[i].value = cns[i].childNodes[0].data;
                    item[i].innerHTML = citys[i].childNodes[0].data;
                    listCity.appendChild(item[i]);
                }
                //繫結項目結束
                $("txtCode").value = listCity.options[0].value;
            }
        }

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.