编程{玲}距离

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]irala的公告

[编辑]文章分类

Jsp code in irala

存档

ajax经典实例(唯一性验证) 收藏

下面为sample1 :

<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>ajax</title>
<script language="javascript">
    var http_request = false;
    function send_request(url) {//初始化、指定处理函数、发送请求的函数
        http_request = false;
        //开始初始化XMLHttpRequest对象
        if(window.XMLHttpRequest) { //Mozilla 浏览器
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {//设置MiME类别
                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 (e) {}
            }
        }
        if (!http_request) { // 异常，创建对象实例失败
            window.alert("不能创建XMLHttpRequest对象实例.");
            return false;
        }
        http_request.onreadystatechange = processRequest;
        // 确定发送请求的方式和URL以及是否同步执行下段代码
        http_request.open("GET", url, true);
        http_request.send(null);
    }
    // 处理返回信息的函数
    function processRequest() {
        if (http_request.readyState == 4) { // 判断对象状态
            if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
                alert(http_request.responseText);
                document.getElementById("error").innerText=http_request.responseText;
            } else { //页面不正常
                alert("您所请求的页面有异常。");
            }
        }
    }
    function userCheck() {
        var f = document.form1;
        var username = f.username.value;
        if(username=="") {
            window.alert("用户名不能为空。");
            f.username.focus();
            return false;
        }
        else {
            send_request('sample1_2.jsp?username='+username);
        }
    }
</script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<form name="form1" action="" method="post">
用户名：<input type="text" name="username" value="">
<span id="error" style=="color:red"></span><br>
<input type="button" name="check" value="唯一性检查" onClick="userCheck()">
<input type="submit" name="submit" value="提交">
</form>

</body>
</html>

下面为sample1_2.jsp:

<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>
<%
String username = request.getParameter("username");
if("irala".equals(username))
{
    out.print("用户名已经被注册，请更换一个用户名。");
}
else
{
    out.print("用户名尚未被使用，您可以继续。 ");
    out.print("i love you?");
}
%>

发表于 @ 2006年09月21日　16:58:00 | 评论( loading... ) | 编辑| 举报| 收藏