zoukankan      html  css  js  c++  java
  • JAVA中AJAX的使用

    AJAX
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <html>
    <head>
    <script type="text/javascript">
    /* 标准AJAX模板 */
    //使用 false 作为判定条件,它表示还没有创建 XMLHttpRequest 对象
    var http_request=false;
    //创建XMLHttpRequest对象方法
    function send_request(){
    http_request=false;
    //火狐
    if(window.XMLHttpRequest){
    http_request=new XMLHttpRequest();
    if(http_request.overrideMimeType){
    http_request.overrideMimeType('text/xml');
    }
    }else if(window.ActiveXObject){//IE
    try{
    http_request=new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
    try{
    http_request=new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e2){}
    }
    }

    if(!http_request){//检查 request 是否仍然为 false(如果一切顺利就不会是 false)
    window.alert("Err Create XMLHttpRequest!");
    }

    }

    //与服务器交互
    function sendReg(url)
    {
    //创建AJAX引擎
    send_request();
    //设定回调函数
    //服务器响应完毕以后会自动调用回调函数一次
    http_request.onreadystatechange = requestReg;
    //与服务器连接
    //1.提交方式(get/post)
    //2.提交路径(url)
    //3.是否异步
    http_request.open("get",url,true);
    //使用get方法不缓存
    http_request.setRequestHeader("If-Modified-Since","0");
    //提交请求
    //get null
    http_request.send(null);
    }

    //事件函数
    function test()
    {
    //获得文本框的数据
    var text = document.getElementById("text").value;
    //get
    //定义当前访问服务器URL
    var url = "reg?text=" + text;
    //使用UTF-8的编码将字符串进行解码
    url = encodeURI(url);
    //与服务器交互
    sendReg(url);
    }
    //定义回调函数
    function requestReg()
    {
    //判断就绪状态
    if(http_request.readyState == 4)
    {
    //判断响应状态
    if(http_request.status == 200)
    {
    //获得服务器响应的数据
    var res = http_request.responseText;
    //注意这里是通过在servlet中用out.println("****");所传输的数据,你也可以用XML的格式来发送,那就为var res = http_request.responseXML;然后可以使用res.getElementsByTagName等DOM的解析方法来解析;这个可以到网上查到相关资料

    //alert(res);
    if(res == "true")
    {
    document.getElementById("result").innerHTML = "<font color='red'>此用户名已经被注册了</font>";
    document.getElementById("submit").disabled = true;
    }
    else
    {
    document.getElementById("result").innerHTML = "<font color='blue'>此用户名没有被注册</font>";
    document.getElementById("submit").disabled = false;
    }
    }
    }
    }

    </script>
    </head>

    <body style="test-align:center" onload="add()">
    <table align="center" cellspacing="0" width="500" border="0">
    <tr>
    <td width="100">用 户 名</td>
    <td width="200"><input type="text" id="text" onblur="test()"/></td>
    <td width="200" id="result"></td>
    </tr>
    <tr align="center">
    <td colspan="2"><input type="button" value="注册" id="submit" disabled="disabled"/></td>
    <td></td>
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    python使用thrift访问操作hbase
    js打开新页面
    设计模式
    c# dotfuscator 混淆后无法使用
    SQL server清空数据库日志脚本
    SQlserver 行转列
    SQLServer 脚本测试
    C# HttpWebRequest与HttpWebResponse详解
    反射
    SQl server master
  • 原文地址:https://www.cnblogs.com/huhuan123/p/6023477.html
Copyright © 2011-2022 走看看