简单的AJAX实例

发布时间：2020-12-16 02:05:46 所属栏目：百科来源：网络整理

导读：学习AJAX参考了网上大量的实例，学得很艰难，代码可读性太差。本例就是一个入门的Hello World，类似本例的程序网上也许有，但是绝非抄袭。本例很模仿用户注册，输入过程中动态检查错误实时显示，效果图如下：对着上面这个图，来写代码。一、创建Java Web

学习AJAX参考了网上大量的实例，学得很艰难，代码可读性太差。本例就是一个入门的Hello World，类似本例的程序网上也许有，但是绝非抄袭。

本例很模仿用户注册，输入过程中动态检查错误实时显示，效果图如下：

对着上面这个图，来写代码。

一、创建Java Web项目，并创建两个页面

a.html

<html>
<body>
<script language= "JavaScript">
varreq = null;
functiontest() {
//初始化
varcode = document.all.code.value;
varname = document.all.name.value;
req = newActiveXObject( "Microsoft.XMLHTTP");
//设置属性，当后台处理完成后，回来调用myDeal方法。
req.onreadystatechange = myDeal;
//发出请求
req.open( "GET","b.jsp?code="+ code + "&name="+ name,"false");

req.send( null);
}
functionmyDeal() {
if(req.readyState == 4) {
//接收服务端返回的数据
varret = req.responseText;
//处理数据
document.all( "myDiv").innerHTML = ret;
}
}
</script>

用户注册：<br>
用户编号：<input type= "text"name= "code"onblur= "test();">* <div id= "myDiv"name= "myDiv"></div><br>
用户名称：<input type= "text"name= "name"><br>
<input type= "button"value= "注册"onclick= "test();">

</body>
</html>

创建处理表单数据的b.jsp

<%@ page contentType= "text/html;charset=UTF-8"language= "java"%>
<%
//接收参数
String code = request.getParameter( "code");
String name = request.getParameter( "name");
//控制台输出表单数据看看
System.out.println( "code="+ code + ",name="+ name);
//检查code的合法性
if(code == null|| code.trim().length() == 0) {
out.println( "code can't benullor empty");
} else if(code != null&& code.equals( "admin")) {
out.println( "code can't be admin");
} else{
out.println( "OK");
}
%>

二、部署运行

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!