热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> AJAX编程>>正文内容

Ajax简单运用

发布时间:2008年11月20日点击数: 未知
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<script type="text/javascript">
    var XML_Request;
    var control;
    //创建xmlhttprequset对象
    function createXMLHttpRequest() {
        //    if ( XML_Request != null || typeof( XML_Request ) != "undefined"  )
        //    return;

        var xmlHttps = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP", "MSXML2.XMLHTTP.3.0"];

        if (window.XMLHttpRequest) {
            XML_Request = new XMLHttpRequest();
        }
        else if (window.ActiveXObject) {
            for (var i = 0; i < xmlHttps.length; i++) {
                try {
                    XML_Request = new ActiveXObject(xmlHttps[i]);
                    break;
                }
                catch (e) { }
            }
        }
    }

    //发送请求函数
    function sendRequest(url, processResponse) {
        createXMLHttpRequest();
        XML_Request.open("Post", url, true); //GET/POST
        XML_Request.onreadystatechange = processResponse;
        XML_Request.send(null);
    }
    //得到信息
    function getInfo() {
        var res = XML_Request.responseXML;

        control.innerText = XML_Request.responseText;
        //alert( XML_Request.responseText );    
    }
    //调用入口
    function showInfo(obj) {
        control = document.getElementById(obj);
        sendRequest("Default.aspx", processResponse);
    }
    //处理返回信息函数
    function processResponse() {
        if (XML_Request.readyState == 4) {
            if (XML_Request.status == 200) {
                getInfo();
            }
            else {
                alert("异常!")
            }
        }
    }
</script>

<body>
<b>点击一下,从服务器返回新的东西</b>
<a id="test" name="test">test</a>
<input type="button" id="btn" value="从服务器返回信息" onclick="showInfo('test')" />
</body>
</html>

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作