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">
//创建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){
}
}
}
}
//发送请求函数
function sendRequest(url){
createXMLHttp(); //true异步模式
XMLHttp.open("GET",url,true); //函数处理事件
XMLHttp.onreadystatechange = processResponse;
XMLHttp.send(null);
}
//处理返回信息函数
function processResponse(){
//该属性从请求发送到接收响应期间会发生变化
//0,未初始化,没有调有open()方法
//1,载入open()方法调用,但请求还没有发送
//2,载入,请求已经发送
//3,交互,已经接收到部分响应
//4,完成,已经收到,连接关闭
if(XMLHttp.readyState == 4){
if(XMLHttp.status == 200){
var res = XMLHttp.responseXML.getElementsByTagName("res")[0].firstChild.data;
alert(res);
}else{
window.alert("您所请求的页面有异常.");
}
}
}
//验证通过提交对应的请求
function Check(){
var name = document.form.name.value;
if(name == ""){
window.alert("用户名不能空.");
document.form.name.focus();
return false;
}else{
//调用发送请求函数
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"); //设置字符编码
String name = request.getParameter("name"); //接收请求参数
System.out.print(name); //输出确认参数
name = new String(name.getBytes("ISO-8859-1"),"GBK");
//转码 ISO-8859-1 转换成 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("对不起,该用户名已经存在.");
} else {
out.println("恭喜,可以使用.");
}
out.println("</response>");
out.close();