js 和Jquery 实现Ajax 局部刷新

一,  javascript实现

 var xhr = new AjaxXmlHttpRequest();
        //$("#btnAjaxOld").click(function (event)
        $("#btnAjaxOld").bind("click", function () {

            var xhr = new AjaxXmlHttpRequest();

            xhr.onreadystatechange = function () {

                if (xhr.readyState == 4) {

                    document.getElementById("divResult").innerHTML = xhr.responseText;
                }
            }
            //xhr.open("GET", "AjaxGetCityInfo.aspx?resultType=html", true);
            //escape()和unescape()
            var urlValue = escape("AJAX传输");
            xhr.open("GET", "Handler.ashx?resultType=" + urlValue + "", true);
            xhr.send(null);
        })

        //跨浏览器获取XmlHttpRequest对象
        function AjaxXmlHttpRequest() {
            var xmlHttp;
            try {
                // Firefox, Opera 8.0+, Safari
                xmlHttp = new XMLHttpRequest();

            }
            catch (e) {
                //Internet Explorer
                try {

                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch (e) {
                    try {

                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    catch (e) {
                        alert("您的浏览器不支持AJAX！");
                        return false;
                    }
                }
            }
            return xmlHttp;
        }

二, Jquery 实现Ajax 局部刷新

$("#btnJquery").bind("click", function () {
            var urlValue = escape("URL传值");
            // $("#divResult").load("AjaxGetCityInfo.aspx", { "resultType": "abc" });
            $("#divResult").load("Handler.ashx", { "resultType": urlValue });
        })

在cs页面直接用Request.Params["resultType"] 接受参数。