ajax請求原代碼

三星藍 2012-10-05

展開全文

ajax請求原代碼

2008-06-04 15:00 50人閱讀評論(0) 收藏舉報

Jsp頁面處理：
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<script type="text/javascript">
//創(chuàng)建XMLHttpRequest對象
function createXMLHttp(){
var aVersions=["MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp",
"Mixrosoft.XMLHttp"];
//Mozilla,Firefox,Safari,Opera的瀏覽器
if(window.XMLHttpRequest){
XMLHttp = new XMLHttpRequest();
//微軟的瀏覽器
}else if(window.ActiveXObject){
for(var i=0;i<aVersions.length;i++){
try{
XMLHttp = new ActiveXObject(aVersions[i]);
break;
}catch(e){
}
}
}
}
//發(fā)送請求函數(shù)
function sendRequest(url){
createXMLHttp(); //true異步模式
XMLHttp.open("GET",url,true); //函數(shù)處理事件
XMLHttp.onreadystatechange = processResponse;
XMLHttp.send(null);
}
//處理返回信息函數(shù)
function processResponse(){
//該屬性從請求發(fā)送到接收響應(yīng)期間會發(fā)生變化
//0,未初始化,沒有調(diào)有open()方法
//1,載入open()方法調(diào)用,但請求還沒有發(fā)送
//2,載入,請求已經(jīng)發(fā)送
//3,交互,已經(jīng)接收到部分響應(yīng)
//4,完成,已經(jīng)收到,連接關(guān)閉
if(XMLHttp.readyState == 4){
if(XMLHttp.status == 200){
var res = XMLHttp.responseXML.getElementsByTagName("res")[0].firstChild.data;
alert(res);
}else{
window.alert("您所請求的頁面有異常.");
}
}
}
//驗證通過提交對應(yīng)的請求
function Check(){
var name = document.form.name.value;
if(name == ""){
window.alert("用戶名不能空.");
document.form.name.focus();
return false;
}else{
//調(diào)用發(fā)送請求函數(shù)
sendRequest('loginservlet?name='+name);
}
}
</script>
<html>
<head>
<title>MyAjax</title>
</head>
<form action="" name="form">
<body>
姓名：<input type="text" name="name" onchange="Check()"><br>
密碼：<input type="password" name="pwd"><br>
<input type="submit" name="sub" value="提交">
<input type="reset" value="重置">
</body>
</form>
</html>
Action處理方法：
request.setCharacterEncoding("GBK"); //設(shè)置字符編碼
String name = request.getParameter("name"); //接收請求參數(shù)
System.out.print(name); //輸出確認參數(shù)
name = new String(name.getBytes("ISO-8859-1"),"GBK");
//轉(zhuǎn)碼 ISO-8859-1 轉(zhuǎn)換成 GBK
response.setContentType("text/xml;charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
PrintWriter out = response.getWriter();
out.println("<response>");
if (selectUser(name)) {
out.println("對不起,該用戶名已經(jīng)存在.");
} else {
out.println("恭喜,可以使用.");
}
out.println("</response>");
out.close();