首頁 > 開發者 > Ajax

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

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
二話不說了，直接給代碼，相信需要的都是代碼而不是廢話一堆…… 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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
ajax manual ajax payload w3s ajax ajax websocket ajax datagrid ajax settimeout ajax controls
相關文章
ajax入門指南（二）
ajax使用_雜類
jQuery ajax 檔案下載_ajax
AJAX各種實現方式比較_ajax
AJAX入門--- XMLHttpRequest對象的屬性和方法
解決spring-security session逾時 Ajax 請求沒有重新導向的問題

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More