Ajax局部重新整理—登入簡單例子

來源:互聯網
上載者:User
二話不說了,直接給代碼,相信需要的都是代碼而不是廢話一堆…… 1.java代碼:

package tt;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TestA extends HttpServlet {

private static final long serialVersionUID = -7999241892841130740L;

protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");

response.setContentType("text/xml; charset=utf-8");
response.setHeader("Cache-Control", "no-cache");
PrintWriter out = response.getWriter();
out.println("<pront>");
if (name.equals("yangjinde")) {
out.println("<content>" + "對不起,'yangjinde'此名已經註冊" + "</content>");
} else {
out.println("<content>" + "可以註冊哦" + "</content>");
}
out.println("</pront>");
out.close();
}

}

2.jsp代碼:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
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 'index.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">
 <script>  
    //設一個變數   
    var XMLHttpReq=false;  
        //建立一個XMLHttpRequest對象  
    function createXMLHttpRequest(){  
           if(window.XMLHttpRequest){ //Mozilla   
            XMLHttpReq=new XMLHttpRequest();  
        }  
           else if(window.ActiveXObject){  
           try{  
               XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");  
           }catch(e){  
                       try{  
                    XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");  
                  }catch(e){}  
                                    }  
                                }  
                            }  
        //發送請求函數  
    function send(url){  
             createXMLHttpRequest();  
        XMLHttpReq.open("GET",url,true);  
        XMLHttpReq.onreadystatechange=proce;   //指定響應的函數  
        XMLHttpReq.send(null);  //發送請求  
            }  
    function proce(){  
        if(XMLHttpReq.readyState==4){ //對象狀態  
        if(XMLHttpReq.status==200){//資訊已成功返回,開始處理資訊  
        var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;  
        window.alert(res);
        document.getElementById("data").innerHTML = res; 
        document.getElementById("name").value = res;     
        }else{  
            window.alert("不好意思,所請求的頁面有異常");  
        }  
        }  
    }  
        //身分識別驗證   
    function check(){  
        var name=document.getElementById("name").value;  
        if(name==""){  
            alert("請輸入內容哦");  
            return false;  
            }  
            else{  
                send('login?name='+name);  
                }  
            }  
                      
        </script> 
  </head>
  
  <body>
     <form action="login" method="post">  
        <tr><td>姓名: <input id="name" type="text" name="name"/>  
         <input type="button" value="點我試試看" onClick="check()"/>  
        </td>  
        </tr> 
<tr><td><div id="data">等下我會變哦!!</div></td></tr>      
     </form> 
  </body>
</html>

3.xml設定檔代碼:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
xmlns="http://java.sun.com/xml/ns/j2ee" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>  
        <servlet-name>login</servlet-name>  
        <servlet-class>tt.TestA</servlet-class>  
    </servlet>  
      
    <servlet-mapping>  
        <servlet-name>login</servlet-name>  
        <url-pattern>/login</url-pattern>  
    </servlet-mapping> 
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.