好不容易做出来了,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,也打包进去了。
分享到:
- 2009-04-09 17:13
- 浏览 3505
- 评论(5)
- 论坛回复 / 浏览 (4 / 8391)
- 查看更多
相关推荐
利用JQuery的ajax支持,详细讲解$.ajax,$.post,$.get等方法实现ajax技术;讲解ajax文件上传,三级联动等;利用ajax技术返回普通文本,xml格式,JSON格式数据等案例;具体案例如下: 1.前端创建HTTPXMLRequest对象及...
$.ajaxshili可能是对jQuery库中$.ajax方法的一个扩展或封装,为开发者提供了更便捷的AJAX操作。 【描述】"ajax 经 典 实 例 大 全 附带数据库设计及源码" 暗示了这个资源不仅提供了多种AJAX技术的实际应用案例,还...
在"ajax+servlet+jquery+jsp示例"中,我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**:jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,包括Ajax请求。在这个...
2. 使用jQuery的`$.ajax()`或`$.getJSON()`方法,发起一个HTTP请求到Servlet,请求可能包含了必要的参数。 3. Servlet接收到请求,执行相应的业务逻辑,比如从数据库查询数据。 4. 数据处理完成后,Servlet将其转换...
$.ajax({ type: 'POST', url: 'getFilePaths.jsp', // 假设这就是处理请求的JSP页面 data: {folderPath: folderPath}, success: function(response) { // 在这里处理服务器返回的文件路径列表 var paths = ...
本篇文章将深入探讨jQuery中的Ajax应用,包括`$.ajax()`和`.load()`两种常用的方法。 首先,我们来看一下`response.setContentType()`,这是一个在服务器端设置HTTP响应头的方法,用于指定发送到客户端的数据类型。...
此外,jQuery还提供了丰富的API,如`$(document).ready()`用于页面加载完成后执行代码,`$.ajax()`用于异步数据请求,以及`animate()`用于创建平滑的动画效果。 JSP(JavaServer Pages)是Java平台上的服务器端脚本...
此外,jQuery还提供了更简单的API,如`$.get()`, `$.post()`和`$.getJSON()`,用于快速发起Ajax请求。例如,使用`$.post()`: ```javascript $.post("yourServletPath", { key1: "value1", key2: "value2" }, ...
3. **jQuery AJAX**:学习jQuery的AJAX方法,如`$.ajax()`和`$.getJSON()`。 4. **JSP与JSON**:学习如何在JSP中生成JSON数据,以及如何处理来自AJAX请求的参数。 5. **实践项目**:通过实际项目练习,将学到的知识...
### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...
例如,jQuery的$.ajax()方法可以方便地发起Ajax请求,而Ext JS则提供了丰富的UI组件和强大的Ajax功能。 书中还可能会深入到JSON的使用,如何在服务器端生成JSON数据,并在客户端解析和展示。JSON-P(JSON with ...
NULL 博文链接:https://persistc.iteye.com/blog/264072
例如,jQuery的`$.ajax()`或`$.post()`方法可以用来异步发送数据到服务器,而`$(document).on('change', 'input[type=file]', function() {...})`这样的事件监听器则可以监听文件选择的变化。 **文件API**: 在现代...
在JavaServer Pages (JSP) 中使用jQuery来实现AJAX技术是一种常见的做法,它能够使得网页无需刷新即可与服务器进行异步数据交换。本主题主要围绕以下知识点展开: 1. **JSP(JavaServer Pages)**:JSP是Java的一个...
在IT行业中,Servlet、JSP、Ajax和jQuery是Web开发中的关键技术。Servlet是Java服务器端编程的基础,用于处理和响应客户端请求。JSP(JavaServer Pages)是Servlet的一种简化方式,允许开发者在HTML中嵌入Java代码,...
jqyery ajax $.ajax $.post 两种方式 此例子,分别用了两种处理方式实现, 用tomcat6.0 servlet jsp 调试很方便 下载解压后 直接用myeclipse导入,就可以调试,没有用数据库,适合新手学习。 如果调试不成功的,...
在本文中,我们将深入探讨如何使用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的餐饮管理系统...
4. **Ajax通信**:使用Ajax的`XMLHttpRequest`对象或者jQuery的`$.ajax()`函数,向Servlet发送GET或POST请求,获取服务器返回的验证结果或省市数据。如果用户名已存在,Ajax响应可以返回错误信息,前端展示给用户;...
总结来说,"简单的AJAX示例(JSP+servlet)"是一个演示了如何利用AJAX、JSP和Servlet来实现异步用户名验证的应用。它涉及到前端的交互设计、后端的数据处理以及web服务器的配置,是一个典型的前后端分离的开发模式实例...