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最简单例子
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: ...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: ...
分为前台和后台，后台定义一些公司、项目、人员(客户和工程师)报表统计等，前台主要是客户和工程师的一些关于uhd单据的填写回馈，查询，用到了ajax分页、ajax表单提交等，dom操作，主要应用jquery框架，js日历控件的...
首先先说下表单提交吧，要提交表单那么就得先收集表单数据（至于验证这个我就不说了，要说留下下次吧）,有了jquery取个html的值还是简单$(“xxid”).val()等就完了，但如果一张表单收集的数据很多，像这样的表单又有...
一个简单的validate表单验证例子，包含的通用为空、格式（邮政编码等）、自定义验证、ajax验证……
这里是个简单的表单验证例子，向你展示jQuery如何影响你编写的代码。这段代码创建一个document元素的jQuery对象, 然后当html DOM文档准备完毕后调用此实例. 你可以无限次的调用这个函数. 另外,在真正的jQuery风格...
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考，具体如下： 这里给出查看帮助文档的例子 [removed][removed] [removed] $(function(){ $(#results).append( <tt> + $(form).serialize()...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法。分享给大家供大家参考。具体分析如下： 这个框架集合form提交、验证、上传的功能。 这个框架必须和jquery完整版结合，否则使用min则无效。 ...
d、用户名要使用ajax验证 3、js验证通过后， 数据交给servlet处理，如果数据不符合要求，返回表单提交页面，原来填写的内容必须回显。 4、注册成功后，进入登陆页面，完成登陆操作。 5、登陆成功后，显示所有的用户...
提升用户体验jquery Ajax表单输入检测验证示例代码 25.推荐jQuery美化Select下拉单选框模拟插件V1.3.6版本下载 26.推荐jQuery美化select下拉框样式漂亮效果 27.下载jQuery网页表单美化修饰插件(jQtransForm...
//定义一个form表单form.attr(“style”,”display:none”);form.attr(“target”,””);form.attr(“method”,”post”);form.attr(“action”,”exportData”);var input1=$(“<input>”);input1.attr(...
应用struts2 jquery json简单小例子。可编译，可执行，可看效果。注释很详细。包也很齐全。 1，表单提交。怎么来回传递值的（包括字符串，对象，集合），解析json。 2，ajax提交，操作字符串，对象，数组。
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据，...
jQuery.form.js是一个form插件，支持ajax表单提交和ajax文件上传。 最近在使用jquery.form.js提交包含文件的表单时，碰到了一个问题：当碰上网速较慢时，而我们又设置了timeout时，例如： var options = { timeout:...
表单提交数据和Ajax提交数据的区别：表单提交是提交的整个页面中的数据，提交数据之后会抛弃之前的页面(刷新页面)；ajax是在当前页面提取某些数据并提交出去，并能接收返回来的数据，处理之后进而显示在当前页面(不...
一、jQuery Form的其他api 1. formSerialize 将表单序列化成查询串。这个方法将返回一个形如： name1=value1&name2=value2的字符串。 是否可以连环调用: 否, 这个方法返回的是一个字符串。 例子: var queryString ...