HTML:
<input type="text" name="username" size="30" maxlength="20" onblur="validate()">
<div id=usermsg></div>
javascript:
<script type="text/javascript">
var req;
function validate(){
var idField = document.getElementById("userid");
var url = "validate.jsp?id=" + escape(idField);
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
alert("ddd");
}else if(window.ActiveXObject){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
req.open("GET", url , true);
req.onreadystatechange = callback;
req.send(null);
}
function callback(){
if(req.readyState == 4){
if(req.status ==200){
var msg = req.responseXML.getElementsByTagName("msg")[0];
//alert(msg.childNodes[0].nodeValue);
setMsg(msg.childNodes[0].nodeValue);
}
}
}
function setMsg(msg){
if(msg == "invalid"){
document.getElementById("usermsg").innerHTML = "<font color='red'>用户名已存在</font>";
}else{
document.getElementById("usermsg").innerHTML = "<font color='green'>可以注册</font>";
}
}
</script>
validate.jsp
<%
response.setContentType("text/xml");
response.setHeader("Cache-Contorl", "no-store");//HTTP1.1
//response.setHeader("Pragma", "no-cache");//HTTP1.0
response.setDateHeader("Expires", 0);//prevents caching at the proxy server
response.getWriter().write("<msg>invalid</msg>");
%>
分享到:
相关推荐
ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子
很简单的一个AJAX例子 .rar很简单的一个AJAX例子 .rar
这是我写的一个很精简的Ajax例子里面对相关的Ajax的代码段有详细的描述,希望对正在学习Ajax的朋友有所帮助
一个完整的用js写的ajax例子,模仿注册页面输入用户名,输入框失去焦点后,后台异步判断该用户名是否可用,并在页面显示判断结果
ajax例子ajax例子ajax例子ajax例子
一个简单的Jsp中使用ajax例子,详细的代码
一个最简单的AJAX例子 好看来评论哦.
AJAX例子,这是一个页面AJAX的好例子
ajax 例子 ajax 安装包 ajax 例子 ajax 安装包 ajax 例子 ajax 安装包
一个非常简单的ajax例子 可以直接运行 其中包括两个javascript 从中可以看到如何创建XMLHttpRequest对象 对初学AJAX的会用帮助
一个ajax的小例子 希望能给大家在学习ajax的时候带来帮助
一个经典Ajax例子的解析.pdf
ajax的一个简单例子,这是一个小例子,可以仅供参考
一个ajax的tooltip例子,一个ajax的tooltip例子
一些ajax例子,ajax学习例子,ajax入门,简单ajax 公司erp模块 http://www.keatonfund.cn/solution/index.html
ajax最简单例子,适合初学者看.
详细介绍在这里有:http://blog.csdn.net/comeontom/article/details/7744786 这里说的是一个简单的php+ajax例子
aJAX例子--模糊查询 aJAX例子--模糊查询aJAX例子--模糊查询
看完这个例子会很好的理解asp方面的ajax的写法