`
starnc
  • 浏览: 144772 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

jquery servlet jsp完成用户名存在验证 $.ajax()

阅读更多

好不容易做出来了,sharing,网上类似的东西挺少,而且还有错的,给大家看个demo,附件里有myeclipse的工程,可以下载运行

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>   
<head>   
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">    
  
  
function validatorloginName(){   
   
 var loginName=document.getElementById("loginName").value;   
 $.ajax({
        type: "POST",    
         url: "VaildateName",    
          data: "loginName="+loginName, 
         success: function(data){     
    if(data=="true"){   
     alert("用户名可用");  
   
    }else{   
     alert("用户名已存在");   
 
    }   
  }          
        });   
}   
  
   
</script>
</head>   
  
<body>   
  
   <FORM id="myform" method="post">   
  
      <INPUT class=text id="loginName" title=通行证用户名 size=18  name="loginName" >   
          
        <INPUT id=confirm type="button" value=注册帐号 onclick="validatorloginName();"/>   
  
    <FORM>   
  
</body>   
  
</html>  

还有一个web.xml和servlet就不贴出来了,在附件里。用的是jquery1.3.1,也打包进去了。

分享到:
评论
5 楼 xiefei3k 2012-08-07  
不给力啊  从数据里查出用户名的结果里面进行判断的代码呢。

首先的从数据里查出所有用户名在看看你输入的用户名在不在这个结果集里, 这部分的代码呢
4 楼 baoq 2009-05-29  
jasstion 写道
请教一下:$.ajax里的URL可以是Bean或者Action么?

就是在浏览器里面输入这个地址 并且能返回json or XML的就可以
3 楼 yiding_he 2009-05-29  
jasstion 写道
请教一下:$.ajax里的URL可以是Bean或者Action么?

如果后台用了 Struts2,请求 *.action 也未尝不可。
2 楼 jasstion 2009-05-29  
请教一下:$.ajax里的URL可以是Bean或者Action么?
1 楼 cnboss 2009-05-28  
你都用jquery了,怎么还要出现这样的语句:

var loginName=document.getElementById("loginName").value;

document.getElementById("loginName")直接用jquery语法,就可以表示的:
$('#loginName')

上面的整体换成这样的写法:

var loginName = $('#loginName').val();

相关推荐

    httpxmlRequest+ajax+jquery+fastjson+jsp异步通讯实战案例精讲

    利用JQuery的ajax支持,详细讲解$.ajax,$.post,$.get等方法实现ajax技术;讲解ajax文件上传,三级联动等;利用ajax技术返回普通文本,xml格式,JSON格式数据等案例;具体案例如下: 1.前端创建HTTPXMLRequest对象及...

    ajaxshili.rar_$.ajaxshili

    $.ajaxshili可能是对jQuery库中$.ajax方法的一个扩展或封装,为开发者提供了更便捷的AJAX操作。 【描述】"ajax 经 典 实 例 大 全 附带数据库设计及源码" 暗示了这个资源不仅提供了多种AJAX技术的实际应用案例,还...

    ajax+servlet+jquery+jsp示例

    在"ajax+servlet+jquery+jsp示例"中,我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**:jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,包括Ajax请求。在这个...

    JSON+Jquery+servlet+jsp+ajax例子

    2. 使用jQuery的`$.ajax()`或`$.getJSON()`方法,发起一个HTTP请求到Servlet,请求可能包含了必要的参数。 3. Servlet接收到请求,执行相应的业务逻辑,比如从数据库查询数据。 4. 数据处理完成后,Servlet将其转换...

    ajax 获取文件路径

    $.ajax({ type: 'POST', url: 'getFilePaths.jsp', // 假设这就是处理请求的JSP页面 data: {folderPath: folderPath}, success: function(response) { // 在这里处理服务器返回的文件路径列表 var paths = ...

    jQuery之ajax应用

    本篇文章将深入探讨jQuery中的Ajax应用,包括`$.ajax()`和`.load()`两种常用的方法。 首先,我们来看一下`response.setContentType()`,这是一个在服务器端设置HTTP响应头的方法,用于指定发送到客户端的数据类型。...

    jquery+jsp连接数据库

    此外,jQuery还提供了丰富的API,如`$(document).ready()`用于页面加载完成后执行代码,`$.ajax()`用于异步数据请求,以及`animate()`用于创建平滑的动画效果。 JSP(JavaServer Pages)是Java平台上的服务器端脚本...

    jsp中使用jquery的ajax

    此外,jQuery还提供了更简单的API,如`$.get()`, `$.post()`和`$.getJSON()`,用于快速发起Ajax请求。例如,使用`$.post()`: ```javascript $.post("yourServletPath", { key1: "value1", key2: "value2" }, ...

    JSP+Jquery+JSON 集合实现AJAX

    3. **jQuery AJAX**:学习jQuery的AJAX方法,如`$.ajax()`和`$.getJSON()`。 4. **JSP与JSON**:学习如何在JSP中生成JSON数据,以及如何处理来自AJAX请求的参数。 5. **实践项目**:通过实际项目练习,将学到的知识...

    jquery+ajax+jsp+servlet实现二级级联菜单

    ### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...

    Apress.Pro.Ajax.and.Java.Frameworks.Jul.2006.HAPPY.NEW.YEAR.rar

    例如,jQuery的$.ajax()方法可以方便地发起Ajax请求,而Ext JS则提供了丰富的UI组件和强大的Ajax功能。 书中还可能会深入到JSON的使用,如何在服务器端生成JSON数据,并在客户端解析和展示。JSON-P(JSON with ...

    AJAX学习笔记----jquery+servlet实现用户名验证

    NULL 博文链接:https://persistc.iteye.com/blog/264072

    jquery jsp servlet 上传

    例如,jQuery的`$.ajax()`或`$.post()`方法可以用来异步发送数据到服务器,而`$(document).on('change', 'input[type=file]', function() {...})`这样的事件监听器则可以监听文件选择的变化。 **文件API**: 在现代...

    jsp中使用jquery实现ajax源码

    在JavaServer Pages (JSP) 中使用jQuery来实现AJAX技术是一种常见的做法,它能够使得网页无需刷新即可与服务器进行异步数据交换。本主题主要围绕以下知识点展开: 1. **JSP(JavaServer Pages)**:JSP是Java的一个...

    Servlet_jsp_ajax_jquery(含答案).doc

    在IT行业中,Servlet、JSP、Ajax和jQuery是Web开发中的关键技术。Servlet是Java服务器端编程的基础,用于处理和响应客户端请求。JSP(JavaServer Pages)是Servlet的一种简化方式,允许开发者在HTML中嵌入Java代码,...

    jquery ajax处理的两种方式

    jqyery ajax $.ajax $.post 两种方式 此例子,分别用了两种处理方式实现, 用tomcat6.0 servlet jsp 调试很方便 下载解压后 直接用myeclipse导入,就可以调试,没有用数据库,适合新手学习。 如果调试不成功的,...

    Servlet+jsp+AJax的分页及增删改查

    在本文中,我们将深入探讨如何使用Servlet、JSP和Ajax技术实现一个完整的增删改查(CRUD)功能以及分页。Servlet是Java Web应用程序的一部分,用于处理客户端请求和响应。JSP则是一种动态网页技术,它允许在服务器端...

    基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip

    基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统...

    Ajax+Jsp+mysql+servlet实现验证注册以及省市联动

    4. **Ajax通信**:使用Ajax的`XMLHttpRequest`对象或者jQuery的`$.ajax()`函数,向Servlet发送GET或POST请求,获取服务器返回的验证结果或省市数据。如果用户名已存在,Ajax响应可以返回错误信息,前端展示给用户;...

    简单的AJAX示例(JSP+servlet)

    总结来说,"简单的AJAX示例(JSP+servlet)"是一个演示了如何利用AJAX、JSP和Servlet来实现异步用户名验证的应用。它涉及到前端的交互设计、后端的数据处理以及web服务器的配置,是一个典型的前后端分离的开发模式实例...

Global site tag (gtag.js) - Google Analytics