ajax例子

最新推荐文章于 2024-04-18 17:52:13 发布

小基

最新推荐文章于 2024-04-18 17:52:13 发布

阅读量294

点赞数

文章标签： ajax javascript parameters xhtml url function

1、test.html文件：

View Code JAVA

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>ajax实例</title>
<script type="text/javascript" src="prototype.js"></script>
 
<script type="text/javascript" language="javascript">
<!--
function checkuser(obj,param) {
	if (obj.value!=""){
		var url = "test.jsp?"+param+"="+obj.value; 
        //防止中文乱码
		url = encodeURI(url);
		if (param=='username'){
			var req = new Ajax.Request(url,{method: 'get', parameters:'Content=text/xml',onComplete: complete});
		}
	}
} 
 
function complete(req){
    var obj = document.getElementById("info");
	var isexist = "";
	if (req.readyState == 4) {
		if (req.status == 200) { 
	        var info = req.responseXML.getElementsByTagName("info");
	        var str=info[0].firstChild.data;
	        if (str=="true"){
				obj.innerHTML = "用户已经存在";
	        }else if (str=="false"){
	        	obj.innerHTML = "";
	        }
		}
	}
}
//-->
</script>
</head>
<body>
<input type="text" name="username" value="" size="60" 
onchange="checkuser(this,'username')"/><span style="color:red" id="info"></span><br/>
</body>

在上面，我们引入了prototype.js这个js文件，然后在Javascript部分，你可以认为是一个固定的格式，在username输入框中，当输入字符后，触发onchange事件，然后调用服务器端的test.jsp，在test.jsp中会进行一些处理，比如判断传入的username是否已经存在，然后再返回一个结果，这个结果是一个xml内容，如下：

View Code JAVA

<%
response.setContentType("text/xml");
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
 
StringBuffer sBuffer = new StringBuffer("");
sBuffer.append("<info>").append("true").append("</info>");
 
out.println(sBuffer.toString());
 
%>

当然了，上面只是非常简单的返回一个true结果，你可以根据自己实际情况来进行扩展。
完整的例子代码可以点以下链接进行下载

小基

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax例子

1、test.html文件：View Code JAVA12345678910111213141516171819202122232425262728293031323334353637383940DOCTYPE html PUBLIC "-//W3C//DT
复制链接

扫一扫