欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

Ajax交互簡單實例

admin
2010年8月18日 14:23 本文熱度 3495

下面以注冊過程中用戶名是否存在的驗證為例介紹AJAX的應用。

功能描述:用戶注冊的用戶名不允許重復,所以在用戶提交時候需要判斷。為了讓用戶早知道結果,在用戶輸入用戶名之后就應該進行判斷,可以采用AJAX進行處理。

假設:為了簡化代碼,該實例的驗證過程不使用數據庫,并且也不使用專門的JavaBean,直接在Servlet中驗證,假設已有用戶“zhangsan”、“lisi”和“wangwu”。

實例包含兩個文件:

l         界面文件;

l         服務器端處理文件。

注冊界面的代碼如下


<%@ page language="java" pageEncoding="gb2312"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

    <base href="<%=basePath%>">

   

    <title>My JSP 'register.jsp' starting page</title>

   

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">   

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->


</head>

<script language="javaScript">

var xMLHttpRequest=false;

function createXMLHttpRequest(){

   if(window.XMLHttpRequest){ // Mozilla瀏覽器

      xMLHttpRequest = new XMLHttpRequest();

     

   }else if(window.ActiveXObject){

      try{

         xMLHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");

      }catch(e){

         try{

            xMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

         }catch(e){}

      }

   }

}

function processResponse(){

   if(xMLHttpRequest.readystate==4){ // 判斷對象狀態

      if(xMLHttpRequest.status==200){ // 信息已經返回,開始處理信息

         var res = xMLHttpRequest.responseText;

         //window.alert(res);

         document.getElementById("userlabel").innerText=res;

      }else{ // 頁面不正常

         window.alert("您所請求的頁面有異常!");

      }

   }

}

function usercheck(){

   createXMLHttpRequest();

   xMLHttpRequest.open("GET","check?username="+document.registerform.username.value,true);

   xMLHttpRequest.onreadystatechange=processResponse; //指定響應函數

   xMLHttpRequest.send(null); //發送請求

}

</script>


   

<body>

   <form name="registerform" action="register" method="post">

   <P>&nbsp;注冊</P><P>用戶名: <input type="text" name="username" onClick="usercheck()"><label for=username id="userlabel">不能為空</label></P><P>&nbsp;性別:<input type="radio" checked="checked" value="" name="sex">男 <input type="radio" value="" name="sex"></P><p>&nbsp;<input type="submit" value="注冊"></p></form>

</body>

</html>

服務器端的主要代碼如下(Servlet的部分代碼):


    public void doGet(HttpServletRequest request, HttpServletResponse response)

           throws ServletException, IOException {

       request.setCharacterEncoding("gb2312");

       String username = request.getParameter("username");

       response.setContentType("text/html;charset=gb2312");

       PrintWriter out = response.getWriter();

       if(username.equals("zhangsan")

              ||username.equals("lisi")

              ||username.equals("wangwu")){

           out.println("用戶名已經被占用!");

       }else

       {

           out.println("用戶名可以使用!");

       }

       out.flush();

       out.close();

    }

該文章在 2010/8/18 14:23:16 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved