Ajax begin end小例子

最新推荐文章于 2021-08-06 16:31:39 发布

原创最新推荐文章于 2021-08-06 16:31:39 发布 · 774 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #callback #firefox #浏览器 #date

Java 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个使用Ajax实现客户端验证的简单示例。通过创建XMLHttpRequest对象，该示例能够发送GET请求到服务器进行客户端ID验证，并根据服务器响应更新页面显示结果。

    //-------------------Ajax begin--------------------------
    var xmlHttp;

    function createXMLHttpRequest() {
        //表示当前浏览器不是ie,如ns,firefox
        if(window.XMLHttpRequest) {
            xmlHttp = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }

    function validate() {
        createXMLHttpRequest();
        var clientId = document.getElementById("clientId").value;
        var url = "../servlet/ClientIdValidateServlet?clientId=" + clientId + "&timestampt=" + new Date().getTime();
        xmlHttp.open("GET", url, true);
        xmlHttp.onreadystatechange=callback;
        xmlHttp.send(null);
    }

    function callback() {
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                var resTextSpan = document.getElementById("resText");
                resTextSpan.innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";
            }
        }
    }
    //-------------------Ajax end--------------------------