总体概括:在struts2 后台action中得到页面的输入信息进行判断后,把结果给返回到页面上,在页面上用jquery 进行接受,从而做出相应的操作。详见:
1、在action 中把结果给返回到页面上:
System.out.println("userName:"+userName);
System.out.println("pwd:"+pwd);
response.setContentType("text/html;charset=utf-8");
PrintWriter out;
try {
out=response.getWriter();
if(userName.equals("")){
out.println("1");
}else if(!userName.equals("number")){
out.println("2");
}else if(!pwd.equals("number")){
out.println("3");
}else{
out.println("正在登录...");
te="success";
}
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
return te;
2.在页面上jquery 接收返回的接果
$.ajax( {
type : "post",
data : "userName=" + userName + "&pwd=" + pwd, // "userName=userName&pwd=pwd", 注意区别
url : "login!test.action",
success : function(data){ //这样返回的是成功页面里的内容(data:文本)
// $("#resText").html(data);
if (data == 1) {
alert('1');
} else if (data == 2) {
alert('2');
$("#resText").html ('sadasdas');
} else {
alert('3');
}
}
});
到此示例基本已经完成了!
分享到:
相关推荐
jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...
本资源包含了一些使用jQuery实现的插件示例,旨在帮助开发者理解和学习如何利用jQuery来创建功能丰富的网页元素。 首先,让我们探讨jQuery的放大镜效果。这个效果通常用于电商网站的产品展示,允许用户在鼠标悬停时...
**jQuery UI插件详解及示例** jQuery UI是基于JavaScript库jQuery的一款强大的用户界面插件集,它提供了丰富的交互效果、可自定义的主题以及多种功能组件。这些组件包括但不限于日期选择器、对话框、拖放功能、...
在“jquery tooltip插件示例”的项目中,我们可以看到如何利用 jQuery 和特定的 Tooltip 插件创建出美观且实用的页面效果。这个示例可能包括了各种定制选项,如自定义样式、动态触发事件、不同位置的定位以及内容的...
jQuery打印插件jqPrint是开发者在网页中实现打印功能的一个便捷工具。该插件主要针对那些需要局部打印...在实际项目中,可以根据需求灵活调整,与其他jQuery插件或自定义JavaScript代码结合使用,以满足更复杂的需求。
jQuery分页插件jPagination是前端开发中常用的一个工具,用于在网页上实现高效、美观的分页功能。本示例旨在提供一个静态的DEMO,帮助开发者理解并掌握jPagination的使用方法。 首先,jQuery分页插件jPagination的...
在这个`"jquery-light插件示例"`中,我们将深入探讨这个库的使用方法及其优势。 首先,`jQuery-light`的核心功能包括选择器、DOM操作、事件处理、动画效果和Ajax请求等。它简化了JavaScript中的DOM操作,使开发者...
jQuery Tab插件附示例,jQuery Address早期插件,网页上的Tab 选项卡插件,其实选项卡和滑动门只是在操作方式的不同,滑动门是鼠标滑过时切换内容,选项卡是在鼠标单击时切换 ,本款是在鼠标单击TAB各个卡头时切换...
example-jquery-shim, 通过shim配置使用jQuery和jQuery插件的示例项目 在 shim 配置中使用jQuery和 require.js的示例。本示例显示一种用 require.js. jQuery本身寄存器加载jQuery和jQuery插件的方法,可以以轻松加载...
在提供的`demo`中,通常会包含一个完整的示例,展示如何配置和使用这个分享插件。你可以查看其HTML、CSS和JavaScript代码,了解具体的实现细节。这个例子通常包含了所有可用的分享平台,便于开发者参考和学习。 ...
9. **与其他jQuery插件的兼容性**:由于基于jQuery,这个验证插件能很好地与其它jQuery UI组件或表单增强插件(如Bootstrap Form Validation)协同工作。 在实际应用中,使用jQuery Validate插件通常包括以下步骤:...
- **ag-Grid**:虽然不是纯jQuery插件,但ag-Grid是一个高性能的表格库,适用于复杂的数据管理,支持大量的自定义选项。 ### 4. 插件的主要功能 - **数据绑定**:将后端数据动态绑定到表格,实现数据实时更新。 - ...
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
10. **D3.js**:虽然不是直接的jQuery插件,但D3库允许开发者直接操作DOM来创建复杂的可视化,可与jQuery结合使用。 每个插件都有其特点和适用场景,选择时应考虑性能、功能需求、学习曲线以及项目的兼容性要求。...
在这个使用范例中,我们可以看到几个关键文件,包括样式表(dialog.css)、HTML示例页面(jQueryDialog.htm)、jQuery核心库(jquery.min.js)、对话框插件源码(dialog.js)以及HTML5兼容性处理文件(html5.js)。...
jQuery表格键盘操作插件 jquery KeyTable调用示例,这款插件允许用户在表格移动/选择数据像键盘操作Excel那样,不依赖鼠标就可完成各项操作.并且高亮当前操作的表格单元格.运行效果请参见截图,本源码包内含有调用本...
在这个“PHP+jQuery验证插件示例”中,我们将探讨如何结合这两种技术实现客户端和服务器端的有效验证。 首先,PHP作为服务器端脚本语言,主要用于处理用户提交的数据。在表单提交后,PHP会接收到这些数据,并进行...
**jQuery MyDigitClock数字时钟插件**是一个用于网页前端的实用工具,它允许开发者创建具有自定义样式的数字时钟。这个插件基于流行的JavaScript库jQuery构建,旨在为用户提供一个简单而有效的手段来显示实时时间,...
5. **易于集成**:作为一款jQuery插件,它应该提供简单的API接口和配置选项,以便开发者轻松地将其集成到现有的项目中。 6. **响应式设计**:考虑到可能在不同尺寸的设备上使用,插件应该具备响应式布局,确保在...
- **插件和扩展示例**:jQuery社区开发了许多插件,示例可能包含如何使用或开发这些插件以增强功能。 通过学习这些源代码和示例,开发者不仅可以深入理解jQuery的内部工作原理,还能掌握如何在实际项目中有效利用...