这是一个简单的 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。
分享到:
相关推荐
异步文件上传是现代Web应用中的一个重要功能,它可以提供无缝的用户体验,无需刷新页面就能完成文件上传。在本项目"JQuery异步上传文件demo"中,我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先,让我们...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...
Jquery实现用户信息异步验证源码 用户注册信息验证在web开发中使用的非常多,只要涉及到用户注册,就会涉及到注册信息的验证。下面将介绍使用Jquery实现用户注册信息的验证,在这我就是以验证用户名是否已经在数据库...
接下来,我们来创建一个简单的HTML表单,并为其添加一个id以便于后续的JavaScript操作: ```html 用户名"> 密码"> 提交 ``` 现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步...
以上就是关于"json数据jquery异步示例"的相关知识点,涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中,还需要考虑性能优化、安全性等问题,确保数据交互的高效和安全。
以下是一个简单的PHP代码示例: ```php $target_dir = "uploads/"; // 存储图片的目录 $target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); // 文件目标路径 $imageFileType = strtolower...
在网页开发中,"简单的...通过以上步骤,我们可以构建一个简单的字符串验证功能,无需刷新页面即可向用户反馈验证结果。这个过程涉及HTML、CSS、JavaScript和服务器端语言的协同工作,是现代Web开发中的基础技能之一。
我们先来看一个简单的jQuery AJAX调用示例: ```javascript $.ajax({ url: "delete.php", // 后台处理删除请求的URL type: "POST", // 请求类型,通常为POST,因为删除操作通常涉及敏感数据 data: {id: "123"}, ...
以上就是一个简单的jQuery实现异步验证用户名唯一性的过程。通过这种方式,我们可以提供实时反馈,提升用户体验,减少无效注册,并确保数据的准确性。记住,实际项目中可能需要添加更多的错误处理和用户体验优化,...
本资源"Jquery实现用户信息异步验证源码.zip"提供了一种使用jQuery进行用户信息实时验证的方法,这对于构建用户友好的Web应用程序至关重要。异步验证允许在用户输入时立即检查数据的有效性,而无需等待页面刷新,...
首先,jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在jQuery中,我们主要使用$.ajax()函数来实现异步数据传输,包括文件上传。 `$.ajax()`函数的基本语法如下...
在Web开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。而"jquery表单验证插件"则是基于jQuery构建的一种工具,用于增强表单数据输入的验证功能,确保用户提交的数据符合预设的...
jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...
jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理、动画设计以及Ajax交互。通过结合jQuery,我们可以方便地实现复杂的表单验证功能,无需编写大量的JavaScript代码。 1. **jQuery表单验证...
jQuery是一个流行的JavaScript库,它简化了AJAX操作,使得前端开发者能够更轻松地实现异步数据交互。 在用户注册场景中,为了提高用户体验,通常会采用AJAX进行异步验证,例如用户名是否已被注册等。这种方式可以在...
通过阅读和理解“jQuery超强验证表单”中的源码,我们可以学习到如何组织和实现一个完整的表单验证系统,包括规则定义、错误处理、用户反馈等环节。 综上所述,“jQuery超强验证表单”涉及的知识点涵盖了jQuery基础...
具体到“异步验证登录名是否存在”的实现,以下是一个可能的步骤: 1. **前端交互**:在用户输入用户名时,JavaScript监听输入事件,一旦用户名发生变化,就会触发一个Ajax请求。 2. **Ajax调用**:使用Ajax控件...
用的技术是jQuery异步验证和struts2(其实springMVC也是一样的道理,都只是一个控制器). 表单: 代码如下: <input class=”width150″ maxlength=”32″ type=”text” id=”dept_name” name=”dept.dept_name...