Ajax初學者入門---登陸(ログイン)
作者:ChinaJavaWorld_CC 日期:2007-04-17 13:59:02
今天閑的沒事,看了看ajax,寫個初學者適用的登陸例子,寫得比較爛,希望大家多多指教。
想想,大部分我們初學時不是HelloWorld,就是Login,俺剛開始學Ajax時也想找個Login例子,結果找了半天也沒找到,唉~~~只能自己痛苦的啃書,哈哈......
login.jsp頁面如下:
Login.java源碼如下:
web.xml添加如下:
OK,完成了,希望對初學的有幫助,也希望和大家共同學習。
想想,大部分我們初學時不是HelloWorld,就是Login,俺剛開始學Ajax時也想找個Login例子,結果找了半天也沒找到,唉~~~只能自己痛苦的啃書,哈哈......
login.jsp頁面如下:
1 | <%@ page language="java" contentType="text/html; charset=GB2312"
pageEncoding="GB2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>login</title>
<script type="text/javascript">
var xmlHttp = false;
function createRequest()
{
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e2)
{
xmlHttp = false;
}
}
if(!xmlHttp && typeof XMLHttpRequest != 'undefined')
{
xmlHttp = new XMLHttpRequest();
}
if(!xmlHttp)
{
alert("Error initialing XMLHttpRequest!");
}
}
function callServerGET()
{
createRequest();
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if((username == null) || (username == ""))
{
return;
}
if((password == null) || (password == ""))
{
return;
}
var url = "test?username=" + escape(username) + "&password=" + escape(password);
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePageGET;
xmlHttp.send(null);
}
function updatePageGET()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var response = xmlHttp.responseText;
document.getElementById("result").innerHTML = response;
}
else if(xmlHttp.status == 403)
{
alert("Access denied.");
}
else if(xmlHttp.status == 404)
{
alert("Request URL does not exist");
}
else
{
alert("Error: status code is " + xmlHttp.status);
}
}
}
function callServerPOST()
{
createRequest();
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if((username == null) || (username == ""))
{
return;
}
if((password == null) || (password == ""))
{
return;
}
var xml = "<loginInfo><username>" + escape(username) + "<\/username><password>" + escape(password) + "<\/password><\/loginInfo>";
var url = "test?timestamp=" + new Date().getTime();
xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = updatePagePOST;
xmlHttp.send(xml);
}
function updatePagePOST()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var response = xmlHttp.responseXML;
var resultStr = response.getElementsByTagName("resultStr").value;
document.getElementById("result").innerHTML = resultStr;
}
else if(xmlHttp.status == 403)
{
alert("Access denied.");
}
else if(xmlHttp.status == 404)
{
alert("Request URL does not exist");
}
else
{
alert("Error: status code is " + xmlHttp.status);
}
}
}
</script>
</head>
<body>
<div id="result"></div>
<form action="#">
username:<input type="text" id="username" /><br>
password:<input type="password" id="password" /><br>
<input type="button" value="submitByGET" onclick="callServerGET();"/>
<input type="button" value="submitByPOST" onclick="callServerPOST();"/>
</form>
</body>
</html>
|
Login.java源碼如下:
1 | package ajax;
import java.io.BufferedReader;
import java.io.ByteArrayInputStream;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import org.w3c.dom.Document;
import org.xml.sax.SAXException;
/**
* The <code>Login</code> class is an ajax example.
*
* @author Warren CC <warrenwuxj@sohu.com>
* @version Login.java,v 1.1 2007-4-17 下午01:54:14
*/
public class Login extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
String resultStr = null;
if ("warren".equals(username) && "123456".equals(password)) {
resultStr = "success";
} else {
resultStr = "fail";
}
response.getWriter().write(resultStr);
}
@Override
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
StringBuffer strBuffer = new StringBuffer();
boolean tag = false;
String username = null;
String password = null;
BufferedReader reader = request.getReader();
String readerLine = null;
while ((readerLine = reader.readLine()) != null) {
strBuffer.append(readerLine);
tag = true;
}
if (tag) {
String xmlStr = strBuffer.toString();
Document xmlDoc = null;
try {
xmlDoc = DocumentBuilderFactory.newInstance()
.newDocumentBuilder().parse(
new ByteArrayInputStream(xmlStr.getBytes()));
} catch (SAXException e) {
e.printStackTrace();
} catch (ParserConfigurationException e) {
e.printStackTrace();
}
username = xmlDoc.getElementsByTagName("username").item(0)
.getFirstChild().getNodeValue();
password = xmlDoc.getElementsByTagName("password").item(0)
.getFirstChild().getNodeValue();
}
StringBuffer resultXMLStr = new StringBuffer(
"<?xml version=\"1.0\" encoding=\"utf-8\"?>");
resultXMLStr.append("<results>");
resultXMLStr.append("<resultStr>");
if ("warren".equals(username) && "123456".equals(password)) {
resultXMLStr.append("success");
} else {
resultXMLStr.append("fail");
}
resultXMLStr.append("</resultStr>");
resultXMLStr.append("</results>");
response.setContentType("text/xml; charset=utf-8");
response.getWriter().write(resultXMLStr.toString());
}
}
|
web.xml添加如下:
1 | <servlet> <servlet-name>testLogin</servlet-name> <servlet-class>ajax.Login</servlet-class> </servlet> <servlet-mapping> <servlet-name>testLogin</servlet-name> <url-pattern>/test</url-pattern> </servlet-mapping> |
OK,完成了,希望對初學的有幫助,也希望和大家共同學習。
平均得分
(0 次评分)
评论: 70 | 查看次数: 1491
发表评论
订阅
上一篇
|

文章来自:
标签: 
EP1-OXMAN
wow gold
wow power leveling
wowmine.com
brogame
brogame
oofay
oofay.com
oofay
隔膜泵
隔膜泵
隔膜泵
空调
空调
空调
螺杆泵
螺杆泵
螺杆泵
真空泵
真空泵
真空泵
留学新加坡
留学新加坡
留学新加坡
新加坡留学
新加坡留学
新加坡留学
上海水泵
上海水泵
上海水泵
上海新加坡留学中介
上海新加坡留学中介
上海新加坡留学中介
上海新加坡留学
上海新加坡留学
上海新加坡留学
上海水泵
留学新加坡
上海新加坡留学
空调
螺杆泵
真空泵
隔膜泵
新加坡留学
tahchux
wow gold
wow power leveling
wow accounts
wow accounts
buy wow accounts
buy wow accounts
world of warcraft account
wow account
wow account
buy wow account
buy wow account
wow accounts
wow accounts
加拿大大学排名
德国签证
美国签证
加拿大留学签证
加拿大留学网
澳洲留学签证
澳洲留学网
澳洲留学论坛
马来西亚留学
澳大利亚留学
加拿大签证
wow gold
wow power leveling
美国留学网
美国大学排名
美国留学申请
美国留学费用
留学爱尔兰
新加坡签证
伦敦大学
韩国签证
朗阁雅思
留学中介
留学中介
英国商学院
美国留学中介
warhammer online gold
warhammer online gold
wow account
wow account
wow accounts
wow accounts
buy wow account
buy wow account
buy wow accounts
buy wow accounts
world of warcraft account
orld of warcraft account
balance . mp3 mp4 player plays a part in the outcome . mp3 mp4 player of combat, gear is a major differentiator that makes up for shortcomings in other areas. mp3 mp4 player In fact, with . mp3 player kaufen the introduction of Resilience, gear more than mp4 ever plays a more substantial part in PvP. power level In an Arena match, the very first thing we . power level scope out is gear. wow level Through quick tab-selection viewing .wow leveling of character portraits, we generally wow lvl have a good idea of the classes we're up against if they keep their helm graphic on. wow lvl If they are wearing Season 3 shoulders, then we know . wow lvl 60 their relative experience. wow lvl 70 This is why the visual i.wow power leveling mpact of Arena shoulders is so important.wow powerlevel It immediately gives you a general idea of how tough the match will be. wow powerlevel Players in full S3 will likely have over 10k hp and over. wow powerleveling 400 Resilience, depending on the class and spec. A full S3 SL/SL Warlock, for example, will easily have. about 12-13k hp and over 400 Resilience. Identifying weapons is slightly more . difficult but will also give a general idea of an enemy's strength. Season 1 and 2 weapons share the same graphics, so it's harder to identify. Season 3 weapons, on the other hand, are distinctive and share models with Black Temple and Mount Hyjal weapons. which 最新免费网络游戏 have relatively the same power. A review of Brutal Gladiator weapons will come in handy because these will be the most common way to identify opponents of relative skill. With the new mechanics. in place for Arenas, Season 4 will more or less weed out the chaff from the grain.
dan11du
cell phone games
cell phone games
Java Games
Java Games
mobile Games
mobile Games
phone games
phone games
磁力泵
磁力泵
离心泵
离心泵
离心泵
离心泵
磁力泵
磁力泵
循环泵
循环泵
排污泵
排污泵
标准厂房
标准厂房
转子泵
转子泵
厂房
厂房
水泵
水泵
环保设备
环保设备
化工泵
化工泵
办公室租赁
办公室租赁
隔膜泵
隔膜泵
厂房出租
厂房出租
多级泵
多级泵
工业园区
工业园区
10wo8wo10
wow gold
wow power leveling
wow gold
wow power leveling
brogame
brogame
oofay.com
buy warhammer online gold
buy warhammer online gold
大金空调
大金空调
空调
空调
格力空调
格力空调
美的空调
美的空调
上海展览公司
上海展览公司
留学新加坡
留学新加坡
螺杆泵
螺杆泵
上海水泵
上海水泵
家用中央空调
家用中央空调
新加坡留学
新加坡留学
上海新加坡留学
上海新加坡留学
螺杆泵
螺杆泵
brogame
brogame
brogame
brogame
wow gold
wow gold
上海展览公司
家用中央空调
新加坡留学
留学新加坡
美的中央空调
上海水泵
10wo8wo10
wow gold
wow power leveling
wow gold
wow power leveling
brogame
brogame
oofay.com
buy warhammer online gold
buy warhammer online gold
大金空调
大金空调
空调
空调
格力空调
格力空调
美的空调
美的空调
上海展览公司
上海展览公司
留学新加坡
留学新加坡
螺杆泵
螺杆泵
上海水泵
上海水泵
家用中央空调
家用中央空调
新加坡留学
新加坡留学
上海新加坡留学
上海新加坡留学
螺杆泵
螺杆泵
brogame
brogame
brogame
brogame
wow gold
wow gold
上海展览公司
家用中央空调
新加坡留学
留学新加坡
美的中央空调
上海水泵
wow power leveling
Buy Lotro Gold | Lord Of The Rings Online Gold
Lotro Accounts
| Buy Lotro Accounts
Lord Of The Rings Online Power Leveling | Lord Of The Rings Online PowerLeveling
Lotro Cd Key | Lord Time Card
Lotro Gold | Lotro Gold Instant Delivery
lord of the rings online accounts | lord of the rings online accounts for sale
Lotro Power Leveling | Lotro Powerleveling
Lord Of The Rings Online Cd Key | Lord Of The Rings Online Time Card
Lord of the Rings Online Gold
Buy Lotro Gold
Sell LoTRO Gold
LoTRO CD Key
LoTRO Europe Gold
Cheap LoTRO Accounts
Lord of the Rings Online Power Leveling
Lord of the Rings online CD Key
Cheap Lotro Gold
Air Jordan Shoes
Warhammer Gold
Warhammer Online Gold
Warhammer Accounts
Warhammer Power Leveling
Warhammer Online Key
Warhammer Gold
Warhammer Online Gold
Warhammer Time Card
Warhammer CD Key
WAR gold
warhammer online gold
Buy WAR gold
Buy warhammer gold
Buy warhammer online gold
warhammer gold
WAR Accounts
warhammer Accounts
warhammer online Accounts
Buy WAR Accounts
warhammer Accounts for sale
Warhammer Power Leveling
Warhammer Online Power Leveling
War Power Leveling
Buy Warhammer Power Leveling
Warhammer PowerLeveling
Cheap Warhammer Power Leveling
Cheap Warhammer Online Power Leveling
Buy War Power Leveling
Warhammer EU Power Leveling
Cheap Warhammer Gold
Cheap Warhammer online gold
Buy Cheap Warhammer Gold
Buy WAR Gold
Warhammer EU Gold
Warhammer EU Power Leveling
Warhammer EU CD Key
Warhammer EU Accounts
Warhammer CD Key
Warhammer online CD Key
Warhammer Timecard
Buy Warhammer Time Card
Warhammer 60 days Time Card
Cheap WAR Accounts
Cheap warhammer Accounts
Cheap warhammer online Accounts
Buy Cheap WAR Accounts
buy Warhammer CD Key
buy Warhammer online CD Key
cheap Warhammer CD key
warhammer time card
Warhammer prepaid time card
wow gold
wow gold
world of warcraft account
world of warcraft account
wow account
wow account
wow accounts
wow accounts
buy wow account
buy wow account
buy wow accounts
buy wow accounts
加拿大大学排名
加拿大留学费用
加拿大留学申请
加拿大留学签证
意大利签证
加拿大签证
澳大利亚留学
留学澳大利亚
马来西亚留学
留学马来西亚
瑞士留学
留学瑞士
无锡留学中介
无锡留学
无锡朗阁
留学新加坡
留学意大利
加拿大留学中介
加拿大留学网
加拿大留学论坛
出国留学
出国留学
warhammer online power leveling
warhammer online power leveling
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow account
buy wow accounts
buy wow account
wow accounts
wow account
wow accounts
buy wow accounts
buy wow account
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
CAD软件下载
CAD软件下载
CAD软件
CAD软件
CAD
CAD
item4sale
item4sale
item4sale
item4sale
item4sale
item4sale
item4sale
buy age of conan gold
buy age of conan gold
洗涤设备
洗涤机械
洗涤机械
干洗机价格
干洗机价格
烫台
烫台
洗涤机械设备
洗涤机械设备
加盟干洗店连锁
加盟干洗店连锁
洗鞋
洗鞋
意大利留学费用
意大利留学签证
意大利留学中介
意大利留学网
意大利留学论坛
意大利大学排名
意大利留学申请
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wode10shi
wow power leveling
wow power leveling
wow power leveling
wow power leveling
wow power leveling
wow power leveling
wow gold
wow gold
cell phone games
cell phone games
Java Games
Java Games
离心泵
离心泵
磁力泵
磁力泵
磁力泵
磁力泵
循环泵
循环泵
排污泵
排污泵
厂房
厂房
标准厂房
标准厂房
闵行区厂房
闵行区厂房
厂房出租
厂房出租
办公楼租赁
厂房出租
gonaseal
gonaseal
gonaseal
gonaseal
gonaseal
lomenxi
lomenxi
lomenxi
lomenxi
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wode10shi
wow power leveling
wow power leveling
wow power leveling
wow power leveling
wow power leveling
wow power leveling
wow gold
wow gold
cell phone games
cell phone games
Java Games
Java Games
离心泵
离心泵
磁力泵
磁力泵
磁力泵
磁力泵
循环泵
循环泵
排污泵
排污泵
厂房
厂房
标准厂房
标准厂房
闵行区厂房
闵行区厂房
厂房出租
厂房出租
办公楼租赁
厂房出租
gonaseal
gonaseal
gonaseal
gonaseal
gonaseal
lomenxi
lomenxi
lomenxi
lomenxi
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold
wow gold