`

一个简单的jquery异步验证

阅读更多
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。

1、源代码
1.1、页面上的jquery代码:
<script language="javascript" src="<%=request.getContextPath()%>/scripts/jquery-1.3.1.js"</script>
     <script type="text/javascript">
    	$(document).ready(function(){
    		$("#tickName input").blur(function(){
    			//alert($(this).val());
    			$.post("tick_isAviliable.ac",{tickName:$(this).val()},function(data){
    				if(data=="true"){
    					
    				}else{

    				}
    			});
    		});
    	});
    </script>

$.post()函数第一个参数为请求的url地址;第二个参数为要传递的参数,在struts2的action中使用request.getParamter("参数名")的形式获得;第三个参数为请求成功后的回调函数。

1.2、action中的方法:
public String isAviliable(){
		PrintWriter pw=null;
		String tickName=(String)this.getRequest().getParameter("tickName");
		try {
			pw=this.getResponse().getWriter();
			if("aviliable".equals(tickName)){
				pw.write("true");
			}
			else{
				pw.write("false");
			}
			pw.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
		return null;
	}

action将完成:
1.2.1、接收参数:request.getParamter();
1.2.2、对接收到的参数进行处理(此处只简单的判断了是否是aviliable);
1.2.3、将处理后的结果返回给页面。
注意:这个action返回的是null值!

1.3、struts配置文件:
<action name="tick_isAviliable" class="tickAction" method="isAviliable">
		
		</action>

action的配置文件相对简单,仅仅将action名字、类名、方法名配置好,不需要result。
分享到:
评论

相关推荐

    JQuery 异步上传文件demo

    异步文件上传是现代Web应用中的一个重要功能,它可以提供无缝的用户体验,无需刷新页面就能完成文件上传。在本项目"JQuery异步上传文件demo"中,我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先,让我们...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    Jquery实现用户信息异步验证源码

    Jquery实现用户信息异步验证源码 用户注册信息验证在web开发中使用的非常多,只要涉及到用户注册,就会涉及到注册信息的验证。下面将介绍使用Jquery实现用户注册信息的验证,在这我就是以验证用户名是否已经在数据库...

    使用jQuery.form插件,实现完美的表单异步提交

    接下来,我们来创建一个简单的HTML表单,并为其添加一个id以便于后续的JavaScript操作: ```html 用户名"&gt; 密码"&gt; 提交 ``` 现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步...

    json数据jquery异步示例

    以上就是关于"json数据jquery异步示例"的相关知识点,涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中,还需要考虑性能优化、安全性等问题,确保数据交互的高效和安全。

    PHP 结合jquery异步上传图片

    以下是一个简单的PHP代码示例: ```php $target_dir = "uploads/"; // 存储图片的目录 $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); // 文件目标路径 $imageFileType = strtolower...

    简单的ajax异步验证,局部刷新

    在网页开发中,"简单的...通过以上步骤,我们可以构建一个简单的字符串验证功能,无需刷新页面即可向用户反馈验证结果。这个过程涉及HTML、CSS、JavaScript和服务器端语言的协同工作,是现代Web开发中的基础技能之一。

    jQuery 异步无刷新删除,前台JS调用后台删除方法

    我们先来看一个简单的jQuery AJAX调用示例: ```javascript $.ajax({ url: "delete.php", // 后台处理删除请求的URL type: "POST", // 请求类型,通常为POST,因为删除操作通常涉及敏感数据 data: {id: "123"}, ...

    如何使用jquery实现异步验证用户名的唯一性

    以上就是一个简单的jQuery实现异步验证用户名唯一性的过程。通过这种方式,我们可以提供实时反馈,提升用户体验,减少无效注册,并确保数据的准确性。记住,实际项目中可能需要添加更多的错误处理和用户体验优化,...

    Jquery实现用户信息异步验证源码.zip

    本资源"Jquery实现用户信息异步验证源码.zip"提供了一种使用jQuery进行用户信息实时验证的方法,这对于构建用户友好的Web应用程序至关重要。异步验证允许在用户输入时立即检查数据的有效性,而无需等待页面刷新,...

    Jquery异步上传 ajax上传 php异步上传

    首先,jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在jQuery中,我们主要使用$.ajax()函数来实现异步数据传输,包括文件上传。 `$.ajax()`函数的基本语法如下...

    jquery表单验证插件

    在Web开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。而"jquery表单验证插件"则是基于jQuery构建的一种工具,用于增强表单数据输入的验证功能,确保用户提交的数据符合预设的...

    表单验证jquery插件

    jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...

    jQuery表单验证

    jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理、动画设计以及Ajax交互。通过结合jQuery,我们可以方便地实现复杂的表单验证功能,无需编写大量的JavaScript代码。 1. **jQuery表单验证...

    jquery ajax异步注册验证小总结

    jQuery是一个流行的JavaScript库,它简化了AJAX操作,使得前端开发者能够更轻松地实现异步数据交互。 在用户注册场景中,为了提高用户体验,通常会采用AJAX进行异步验证,例如用户名是否已被注册等。这种方式可以在...

    Jquery超强验证表单

    通过阅读和理解“jQuery超强验证表单”中的源码,我们可以学习到如何组织和实现一个完整的表单验证系统,包括规则定义、错误处理、用户反馈等环节。 综上所述,“jQuery超强验证表单”涉及的知识点涵盖了jQuery基础...

    异步验证登录名是否存在

    具体到“异步验证登录名是否存在”的实现,以下是一个可能的步骤: 1. **前端交互**:在用户输入用户名时,JavaScript监听输入事件,一旦用户名发生变化,就会触发一个Ajax请求。 2. **Ajax调用**:使用Ajax控件...

    jQuery异步验证用户名是否存在示例代码

    用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器). 表单: 代码如下: &lt;input class=”width150″ maxlength=”32″ type=”text” id=”dept_name” name=”dept.dept_name...

Global site tag (gtag.js) - Google Analytics