index.jsp页面代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript" src="/jQuery/jQuery/jquery-1.2.6.pack.js"></script>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
jQuery(function(){
$("#user_name").blur(function(){
var name= $.trim($("#user_name").val()); //获得表单的值.
$.ajax({
url:"/jQuery/myServlet", //请求服务器url地址.
data:{username:name},//获得表单里面的值,传入服务器中..
cache:false,
success:function(data){
if(data=="true"){
alert("姓名可以使用!");
}else{
alert("姓名不能使用!");
}
}
})
})
});
</script>
</head>
<body >
<form action="" name="myform">
UserName:<input type="text" id="user_name">
</form>
</body>
</html>
下面这一段是MySerlet代码:
package pack.java.demo.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* MyServlet.
* @author ZhouHaiTao.
*
*/
public class myServlet extends HttpServlet {
private static final long serialVersionUID = 7851121456512273692L;
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//获得用户名,传过来的用户名,(注意:这个地方不是直接那表单的name,而是拿ajax里面的param里面的name);
String username=request.getParameter("username");
PrintWriter writer=response.getWriter();
if(username.equals("zhouhaitao")){
writer.print("false");
}else{
writer.print("true");
}
}
}
部署完成之后,就能测试,是否成功.. 功能,相当的简单..就是验证用户名是否存在..
分享到：
相关推荐
这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先，让我们深入了解这三个概念： 1. PHP（Hypertext Preprocessor）：这是一种服务器端脚本语言，主要用于网页...
这个例子结合了MVC架构模式、JQuery库、Ajax技术，实现了用户登录验证和无刷新分页功能。数据库采用SQL Server 2005，利用其强大的数据存储和管理能力。无刷新分页提升了用户体验，JQuery简化了前端代码，而MVC结构...
- 在前端，jQuery监听表单提交事件，阻止默认的表单提交行为，然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后，通过ADO（ActiveX Data Objects）处理数据库操作，如使用SQL ...
在IT行业中，jQuery是一个广泛使用的...通过实践这些例子，你可以更好地掌握jQuery与AJAX的结合使用，提升网页的交互性和用户体验。在"传智播客ajax课堂源码"中，你可以找到更详细的实现和示例代码，供学习和参考。
本资源包含了一系列全面的jQuery例子源码，旨在深入剖析jQuery在事件处理、Ajax异步通信以及表单操作中的应用。接下来，我们将逐一探讨这些关键知识点。 一、jQuery事件处理 1. 事件绑定：jQuery提供`.on()`方法来...
// 提交表单的逻辑，例如发送Ajax请求 form.submit(); } }); ``` 在`images`文件夹中，可能包含了用于错误提示的图标或背景图片，提高用户交互体验。而`js`文件夹则可能包含其他辅助脚本，如自定义验证方法或扩展...
当用户尝试提交表单时，这个函数会被触发。 接着，我们需要逐个验证表单字段。例如，检查用户名是否为空，可以使用`.val()`获取输入值，然后用`.trim()`去除两侧空格，并通过条件语句判断是否为空。密码强度通常...
本示例将深入探讨如何使用jQuery和Ajax技术来实现表单输入的实时检测和验证，提升用户体验，减少服务器负载。 首先，我们需要理解jQuery的基本用法。jQuery通过选择器（如$("#id")或$(".class")）选取DOM元素，然后...
总结一下，这个例子展示了如何使用jQuery的Ajax功能来方便地提交整个表单，而无需传统表单的submit事件，从而实现异步无刷新的交互体验。在实际应用中，还可以添加错误处理回调、自定义HTTP头、超时设置等更多选项，...
在这个“asp.net+jquery+ajax所有调用例子”中，我们将深入探讨如何结合这些技术来实现高效的用户交互。 首先，ASP.NET AJAX提供了UpdatePanel组件，使得页面的部分区域可以异步更新，而无需整个页面的回发。通过在...
传统的表单提交方式通常涉及整个页面的刷新，这对于简单的验证操作来说显得过于繁琐且用户体验不佳。使用jQuery结合AJAX技术可以实现无刷新的用户名验证，极大地提升了用户体验。 #### 二、jQuery AJAX简介 jQuery...
表单填写完成后，提交表单通常是通过JavaScript阻止默认的表单提交行为，然后使用Ajax发送表单数据到服务器。这里涉及的jQuery知识点包括`event.preventDefault()`防止页面刷新，以及`$.ajax()`进行异步请求： ```...
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
在用户输入验证码后，我们需要再次使用AJAX提交表单进行验证。这通常发生在表单提交事件中，例如： ```javascript $("#myForm").submit(function(event) { event.preventDefault(); // 阻止默认表单提交行为 var ...
2. 表单提交：使用POST请求将表单数据发送到服务器，实现无刷新提交。 3. 动态加载：当用户滚动页面时，自动加载更多内容。 4. 实时更新：如聊天室、股票信息等实时数据的获取。 5. 表格数据筛选和排序：用户选择...
jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互。在Web开发中，表单验证是必不可少的一部分，确保用户输入的数据符合预设的规则和格式。jQuery Validate插件是jQuery的一个强大...
接下来，我们使用jQuery来监听表单的提交事件，并通过AJAX方法发送文件到服务器。在JavaScript中，我们可以这样编写： ```javascript $(document).ready(function () { $("#uploadButton").click(function (e) { ...
在本文中，我们将深入探讨jQuery库中的一个强大功能——jQuery Validate插件，它是一个用于创建高效、用户友好的表单验证的工具。标题"jQuery表单验证例子(demo)"指向了一个实际的应用示例，而描述则表明我们可以...