Ajax begin end小例子

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

imnol

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

阅读量768

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： ajax xmlhttprequest callback firefox 浏览器 date

本文链接：https://blog.youkuaiyun.com/imnol/article/details/1749647

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--------------------------