<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-50  評(píng)論-55  文章-8  trackbacks-0
    ?????? 剛開(kāi)始學(xué)習(xí)AJAX,其實(shí)沒(méi)什么難的,主要的思想就是異步傳輸,不用整個(gè)刷新頁(yè)面,就是JAVASCRIPT技術(shù),新瓶裝老酒罷了;一般分三個(gè)步驟走:1、Jsp頁(yè)面 2、Servlet 3、Javascript
    Step1?? Create a page:? login.jsp
    <%@ page contentType="text/html; charset=GBK" %>
    <html>
    <head>
    <title>
    Login
    </title>
    <script src="login.js" type="text/javascript"></script>
    </head>
    <body bgcolor="#ffffff">
    <h1 align="center">
    Login
    </h1>
    <div>
    ? <table>
    ??? <tr><td>Username:</td>
    ??? <td><input id="username" type="text"/></td>
    ??? </tr>
    ??? <tr><td>Password:</td>
    ??? <td><input id="password" type="text"/></td>
    ? <td id="user"></td></tr>
    ? </table>
    <br/>
    <input id="submit" type="button" value="Submit" onclick="linkServer();">
    <input type="button" value="Reset">
    ? </div>
    </body>
    </html>
    這里不用Form,用JS。

    Step2? Create a javascript: ?login.js

    var xmlHttp;
    function linkServer(){
    ??? xmlHttp=GetXmlHttpObject();
    ??? if (xmlHttp==null){
    ???? alert ("Your browser does not support AJAX!");
    ???? return;
    ???? }
    ??? var url="login"+"?"+"username="+document.getElementById("username").value+
    ??? "&"+"password="+document.getElementById("password").value;

    ??? xmlHttp.open("GET",url,true);
    ??? xmlHttp.onreadystatechange=stateChanged;
    ??? xmlHttp.send(null);
    }
    function stateChanged() {

    ? if (xmlHttp.readyState==4){
    ? alert("xmlState:"+xmlHttp.status);
    ?? alert("xmlHttp.responseText:"+xmlHttp.responseText);
    ???? if(xmlHttp.responseText=="DONE"){
    ???? document.getElementById("user").innerHTML="(登錄成功)";
    ? }
    else
    ??? document.getElementById("user").innerHTML="(用戶名或密碼錯(cuò)誤)";
    }
    }

    //獲得HTTP對(duì)象
    function GetXmlHttpObject(){
    ? var xmlHttp=null;
    ? try{
    ???? xmlHttp=new XMLHttpRequest();
    ????? }catch (e){
    ?????? try{
    ???? xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    ??????? }catch (e)
    ?????? {
    ???? xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    ??? }
    ? }
    return xmlHttp;
    }


    Step3 Create a java servlet:?Login.java

    package com.service;

    import javax.servlet.*;
    import javax.servlet.http.*;
    import java.io.*;

    public class Login extends HttpServlet {
    ??? private static final String CONTENT_TYPE = "text/html; charset=GBK";


    ??? //Process the HTTP Get request
    ??? public void doGet(HttpServletRequest request, HttpServletResponse response) throws
    ??????????? ServletException, IOException {
    ??????? String u1 = request.getParameter("username");
    ??????? String p1 = request.getParameter("password");
    ??????? System.out.println("u1:" + u1);
    ??????? System.out.println("u2:" + p1);

    ??????? response.setContentType(CONTENT_TYPE);
    ??????? PrintWriter out = response.getWriter();
    //下面就可以數(shù)據(jù)庫(kù)查詢,這里簡(jiǎn)單的作個(gè)判斷
    ??????? if((u1!=null&&u1.equals("hello"))&&((p1!=null&&p1.equals("123456"))))
    ??????? out.print("DONE");
    ??? else{
    ??????? out.print("FAIL");
    ??? }
    ??????? out.close();

    ??? }

    ??? //Process the HTTP Post request
    ??? public void doPost(HttpServletRequest request, HttpServletResponse response) throws
    ??????????? ServletException, IOException {
    ??????? doGet(request, response);

    ??? }
    }

    posted on 2007-09-12 11:51 蔣家狂潮 閱讀(215) 評(píng)論(0)  編輯  收藏 所屬分類: JWeb
    主站蜘蛛池模板: 免费观看91视频| 亚洲Av无码乱码在线znlu| 亚洲aⅴ天堂av天堂无码麻豆| 国产精品自在自线免费观看| 中文字幕版免费电影网站| 亚洲国色天香视频| 国产免费av片在线无码免费看| a级毛片高清免费视频就| 亚洲国产模特在线播放| 免费国产在线观看| 无码人妻AV免费一区二区三区 | 亚洲Av永久无码精品一区二区| 久久精品国产亚洲精品| 69堂人成无码免费视频果冻传媒| 亚洲乱码中文字幕在线| 亚洲一区免费观看| 亚洲精品无码av天堂| 67194熟妇在线永久免费观看| 国产福利免费视频 | 精品久久亚洲一级α| 亚洲AV无码专区亚洲AV伊甸园| 嫩草影院免费观看| 国产色无码精品视频免费| 亚洲欧美中文日韩视频| 久久久无码精品亚洲日韩蜜臀浪潮| 国产美女无遮挡免费视频网站 | 亚洲av永久无码嘿嘿嘿 | 亚洲中文无码永久免| 久久精品国产亚洲av麻| 免费a在线观看播放| 免费看黄视频网站| 无码A级毛片免费视频内谢| 精品在线免费视频| 亚洲最大av资源站无码av网址| 亚洲AV午夜成人片| 国产亚洲人成网站在线观看| 免费无码一区二区三区蜜桃大| 91久久青青草原线免费| 热久久这里是精品6免费观看| 视频一区二区三区免费观看| 最新国产成人亚洲精品影院|