Ajax编程(1)get请求方式
客户端代码：
<script type="text/javascript" src="js/my.js">
</script>
<script type="text/javascript">
function check_username(){
//获得XMLHttpRequest对象
var xhr = getXhr();
//发送请求
var uri = "check_username.do?username="+$F('username');
xhr.open('get',uri,true);
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
//服务器处理请求，返回数据
//处理返回数据
var txt = xhr.responseText;
$('username_msg').innerHTML = txt;
}else{
$('username_msg').innerHTML = "验证用户名出错";
}
}
}
xhr.send(null);
}
</script>
</head>
<body style="font-size:30px;font-style:italic;">
<form action="regist.do" method="get">
<fieldset>
<legend>注册</legend>
用户名:<input id="username"
name="username"
onblur="check_username();"/>
<span class="s1" id="username_msg"></span>
<br/>
真实姓名:<input name="name"/><br/>
<input type="submit" value="提交"/>
</fieldset>
</form>
</body>
</html>
服务器端代码
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String uri = request.getRequestURI();
String action = uri.substring(uri.lastIndexOf("/"), uri.lastIndexOf("."));
System.out.println(action);
if(action.equals("/check_username")){
String username = request.getParameter("username");
System.out.println("test...");
System.out.println(username);
if(username.equals("wn")){
out.print("姓名别占用");
}else{
out.print("姓名可以使用");
}
}
}
（2）Post请求方式
服务器端处理方式一样，客户端处理函数稍微有点差别，具体见下
function check_username_post(){
//获取Ajax对象
var xhr = getXhr();
//发送请求
xhr.open('post','check_username.do',true);
//设置头信息
xhr.setRequestHeader('content-type',
'application/x-www-form-urlencoded');
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
//服务器处理请求，返回数据
//处理返回数据
var txt = xhr.responseText;
$('username_msg').innerHTML = txt;
}else{
$('username_msg').innerHTML = "验证用户名出错";
}
}
}
xhr.send('username=' + $F('username'));
}
相关推荐
最后，将所有代码部署到服务器，并进行测试，确保在用户输入用户名后，能够实时通过Ajax获取验证结果，而无需页面刷新。 以上就是使用Ajax、jQuery、JSON和Struts2实现用户唯一性验证的基本步骤和涉及的技术点。...
6. **部署和测试**：将项目打包成WAR文件，部署到Tomcat等服务器，进行功能验证和性能优化。 通过这个项目，初学者不仅可以掌握JSP、Servlet、AJAX和EasyUI的基本用法，还能了解Web应用开发的完整流程，为后续深入...
初学者可能使用HTML、CSS和JavaScript来创建静态页面，并通过Ajax或Fetch API与后端进行异步通信。更高级的初学者可能会使用React、Vue或Angular这样的前端框架，它们提供了更强大的组件化开发能力，使界面设计更加...
3. `try.php`：这个名字暗示这可能是一个试验或示例文件，用于学习和测试 AJAX 与 PHP 的结合。开发者可能在这上面尝试不同的 AJAX 请求和 PHP 响应，以理解它们如何协同工作。 4. `error.php`：这个文件通常用于...
【SSH和AJAX技术简介】 SSH（Struts2 + Spring + Hibernate）是...总的来说，ACCP5.0的SSH AJAX课程为初学者提供了一个全面了解和掌握现代Web开发技术的平台，通过系统学习，学员将具备独立开发复杂Web应用的能力。
学生表记录学生的个人信息，如学号、姓名、性别等；课程表包含课程编号、课程名称、学分等；教师表存储教师的基本信息；选课表则记录学生选修的课程信息，用于关联学生和课程。 2. 前端界面： - HTML/CSS：构建...
Java学生成绩系统是一款基于Java编程语言开发的学生成绩查询应用，旨在提供一个高效、便捷的平台，供教师或管理员按照姓名、学号等关键信息快速查找和管理学生的学业成绩。这款系统展示了Java在构建实际业务应用程序...
"testRepo"可能是仓库的名字，暗示了它的性质是临时的或者是为了某种特定测试目的创建的。 【描述】中的内容看起来像是Markdown格式的文本，它提到了"这是h2"和"这是h3"，这在Markdown语法中分别代表二级和三级标题...
测试是系统开发中的关键环节，包括单元测试、集成测试和系统测试，确保每个功能的正常运行。此外，系统的安全性也需要考虑，例如防止SQL注入、XSS攻击等，可以通过参数化查询和输入校验来增强安全性。 总的来说，...
对于测试，开发者可能利用单元测试工具如NUnit或Microsoft自带的Test Explorer，对关键业务逻辑进行了验证。同时，代码版本控制工具如Git可能被用来协同开发和追踪代码变更。 总的来说，这个项目展示了ASP.NET开发...
尽管名字相似，但JavaScript与Java在语法和设计上有着本质的区别。 JavaScript主要在客户端运行，用于增强网页的交互性，为用户提供实时反馈。它是Web开发中的三剑客之一，另外两个是HTML和CSS。JavaScript可以操作...
2. **数据库设计**：系统的核心是数据库设计，包括图书信息表（如ISBN、书名、作者、出版社等）、读者信息表（如姓名、学号、借阅权限等）、借阅记录表等。数据库设计需要遵循规范化原则，减少数据冗余和异常。 3. ...
6. **项目实战经验**：这个项目是实践性的，可以帮助初学者提升项目开发技能，包括需求分析、系统设计、代码编写、测试和调试等环节。通过实际操作，可以学习到如何将理论知识应用到实际问题中。 7. **版本控制**：...
在实际开发过程中，还会涉及其他技术，比如CSS和JavaScript进行页面样式和交互处理，AJAX技术实现局部刷新提高用户体验，以及可能用到的jQuery库简化DOM操作。此外，良好的软件工程实践，如代码结构设计、异常处理、...
5. 录像演示：`asp.net通讯录系统演示.avi`提供了系统的实际操作流程，包括系统登录、联系人管理等功能的操作步骤，这对于初学者理解整个系统的运行机制非常有帮助。 6. 文档说明：`asp.net通讯录系统演示.txt`可能...
2. 信息管理模块：包括校友信息录入、编辑、删除等功能，支持按姓名、班级等关键字进行搜索。系统应有数据备份和恢复机制，防止信息丢失。 3. 消息交流模块：实现用户之间的私信功能，支持实时在线聊天，增强用户间...
这涉及到数据结构的设计，如使用字典（Dictionary）或对象（Object）来存储每个联系人的姓名、电话号码、电子邮件地址、家庭住址等信息。在编程中，我们需要创建合适的类（Class）来表示联系人，包含各种属性和方法...
通过这个Tailspin Spyworks案例，你将深入学习ASP.NET Web Forms的各种功能，包括数据库访问、数据绑定、用户界面设计、状态管理、身份验证和授权，以及AJAX增强的用户体验。这是一个绝佳的学习资源，不仅适合初学者...