- 浏览: 176942 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
mamaoyuan625:
好的,谢谢你的支持
struts2+ibatis+spring -
mamaoyuan625:
好的 谢谢了
struts2+ibatis+spring -
mamaoyuan625:
lucane 写道你好--4.总分前三的所有学生名单(包括并列 ...
sql关于求成绩的面试题 -
ganbo:
...
spring中CGLIB代理(CGLIB字节码) -
老糊涂:
学习了 谢谢分享
struts2+ibatis+spring
本人在网上使劲的搜索关于Ajax与jquery的集成,始终很难找到一个完整的而且简单的集成方案,而且关于json对象数组,怎样封装,怎样解析,找到的都不尽人意。
在做集成之前要导入的jar包可以在随后下载:
首先见一个web的工程,添加struts的功能,我相信这个不用做演示吧!如果什么是struts你还不知道的话,就只有用servlet了,也可以实现,这里就不做演示了
编写一个页面 index.jsp
<%@ page language="java" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>jquery ajax</title> <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script src="jquery.js" type="text/javascript"></script> <script src="json.js" type="text/javascript"></script> <script language="javascript"> $(document).ready(function() { $("#bt").click( function() { //$.post("send.do?method=query", {"account":$("#account").val()}, //function(data) { //})
这是post请求
下边是ajax请求
$.ajax({ type:"post", url:"send.do?method=query2", data: "account="+$("#account").val(),//{"account":$("#account").val()}, success:function(data){ var ul = eval('('+data+')'); 如果传回来的是一个对象数组,当然是json格式的,就可以循环输出。 for(var i =0;i<ul.length;i++){ alert(ul[i].name); }
//如果是一个对象 那就更简单了 直接ul.name;就可以了 } }); }); }); </script> </head> <body> <h3 align="center"> jquery Ajax </h3> <hr> <label> 请输入用户名 : </label> <input id="account" name="account" type="text"> <input id="bt" name="bt" type="button" value="检测"> <div class="hint"> </div> <p></p> </body> </html>
这是页面的内容,只要稍微理解jquery的就能看懂,还有要导入<script src="jquery.js" type="text/javascript"></script> 这个必须导入
如果要用到其他的方法,可能会导入jquery的其他插件
现在关键的是Action中的写法:
本人采用的是DispatchAction
public ActionForward query2(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { response.setContentType("text/html;charset=utf-8"); PrintWriter out = response.getWriter(); //定义一个User类(失血模型的类)属性只有id age name 和set和get方法 User u1 = new User(); u1.setId(1); u1.setAge(22); u1.setName("MMY"); User u2 = new User(); u2.setId(2); u2.setAge(90); u2.setName("MMM"); userList.add(u1); userList.add(u2); //如果你传到页面上的是一个实体对象,比如传一个user对象,就用JSONObject JSONObject jo = JSONObject.fromObject(u1); //如果你要反悔一个对象数组JSONArray JSONArray js = new JSONArray(); js.add(u1); js.add(u2); response.setCharacterEncoding("utf-8"); //然后out出去 // out.println(js.toString()); out.println(jo.toString()); out.close(); return null; } }
struts-config.xml中的配置:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd"> <struts-config> <form-beans> <form-bean name="form" type="MyForm"></form-bean> </form-beans> <action-mappings> <action path="/send" type="com.june.servlet.MyAction" scope="request" parameter="method" > </action> </action-mappings> </struts-config>
ok,这是最简单的效果 ,目的是先快速的掌握jquery ajax struts的集成,简单的会了,较复杂的就可以思考了
- lib.rar (1.7 MB)
- 下载次数: 624
评论
4 楼
spp_1987
2010-07-08
看不明白a
3 楼
vip
2010-03-17
谢谢分享,学习ing
2 楼
oolala
2010-02-05
能不能把全部代码都发上来,没有弄出来5555.
1 楼
oolala
2010-02-05
例子很祥细,以前没有用过jquery这下试一下,十分感谢!
发表评论
-
JavaScript date的比较
2009-10-21 21:54 1718项目开发中往往要在js中进行date的比较 if(Date. ... -
JavaScript总结
2009-09-16 21:59 1382javascript事件查询综合 click() 对象.cl ... -
通用验证javascript
2009-09-16 21:52 804//****************VARIABLE DESC ... -
jstl 强大的日期处理(转)
2009-09-16 21:50 827JSP Standard Tag Libraries For ... -
JavaScript内置函数
2009-09-16 21:46 15241.document.write(""); ... -
jquery offset 方法
2009-09-16 20:51 4429获取匹配元素在当前视口的相对偏移。返回的对象包含两个 ... -
JavaScript中reload和replace的区别
2009-09-05 00:16 6237reload 方法,该方法强迫浏览器刷新当前页面。语 ... -
好东西
2009-09-04 16:31 686jquery书: http://book.51cto.com/ ... -
jquery学习(4) remove方法
2009-08-24 22:12 2272<!DOCTYPE html PUBLIC " ... -
jquey学习(3)----jquery的checkbox 与select简单应用
2009-08-24 13:20 2284<script src="jquery-1.3 ... -
jquey学习(2)----jquery最简单的隔行高亮显示
2009-08-24 11:45 1021//前提是你要导入jquery的库 $(function() ... -
jquey学习(1)----jquery与dom
2009-08-23 21:38 798//jquery 方式 $(function(){ v ... -
jquery的ready方法的几种使用方式
2009-08-23 16:39 1088//最常用的方式 $(document).ready(fun ... -
jquery如何对js动态产生的表格行高亮显示
2009-08-22 16:17 3401前几天本人在用jquery的时候, 鼠标移到table上的td ... -
jquery的显示日期时间的插件
2009-08-21 13:56 7272用法:<div id ="divTime&qu ... -
JavaScript的输入输出
2009-08-21 13:38 887二、简单的输入、输出 ... -
JavaScript函数(一)
2009-08-21 13:30 790软件界面采用WEB界面,因此要用到Javascript.一些通 ... -
javaScript常用的语句
2009-08-21 13:25 8241. document.write( &quo ... -
java操作json的通用类
2009-08-09 23:06 1277package com.baiyyy.polabs.util. ... -
jquery的使用:鼠标移过高亮显示
2009-08-05 23:42 3753既然是要学习jquery,当 ...
相关推荐
在IT行业中,jQuery、AJAX、JSON以及Struts2是四个非常重要的技术,它们在Web开发领域中扮演着核心角色。下面将详细解释这些技术及其相互间的集成。 **jQuery** 是一个快速、简洁的JavaScript库,它简化了HTML文档...
6. Struts2与Ajax的集成,使用JQuery的$.ajax()或$.getJSON()方法 7. 请求与响应的处理,包括参数传递和数据封装 8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2...
此外,Struts2还提供了一个名为`struts2-jquery-plugin`的扩展,它封装了与jQuery的集成,简化了Ajax请求的创建。比如,使用`sj:submit`标签可以直接触发Ajax提交: ```jsp <%@ taglib prefix="sj" uri="/struts/...
本项目示例涵盖了这些框架的整合使用,以及jQuery AJAX登录、Struts拦截器和Spring AOP(面向切面编程)的应用。 1. **Struts2**:Struts2是一个基于MVC(Model-View-Controller)设计模式的Web应用框架,它简化了...
Struts2、jQuery和Ajax是Web开发中的三个关键组件,它们共同构成了文件异步上传的基础框架。这个项目是在MyEclipse环境下实现的一个简单的文件上传功能,让我们深入了解一下这些技术及其在文件上传中的应用。 首先...
当我们谈论Ajax与jQuery的ajax方法与SSH框架的集成时,实际上是在讨论如何在前端使用jQuery的Ajax功能与后端SSH框架进行通信,实现数据的无刷新交互。 首先,jQuery的`$.ajax()`方法是核心工具,它允许我们发起异步...
Struts2的Ajax插件如sj:ajax标签,使得开发者能够在JSP页面上方便地集成Ajax功能,无须编写大量的JavaScript代码。 当jQuery与Struts2结合使用时,它们能够无缝地实现Ajax通信。例如,使用jQuery的`$.ajax()`或`$....
在这个简单的Ajax例子中,我们将探讨如何整合Struts2和jQuery来实现页面无刷新的数据更新。 首先,我们需要在项目中引入Struts2和jQuery的相关依赖。Struts2通常通过Maven或Gradle添加依赖库,包括核心库、struts2-...
在Struts2项目中集成jQuery可以显著提高用户体验。下面我们将详细介绍如何在Struts2中引入jQuery,并通过一个具体的示例来演示如何利用jQuery实现Ajax功能。 ##### 3.1 引入jQuery 在项目中引入jQuery可以通过以下...
总结来说,这个项目展示了如何利用jQuery的Ajax功能与Struts2框架协同工作,实现一个动态的、无刷新的翻页功能。在前端,jQuery提供了一个直观的用户界面,而在后端,Struts2处理了数据的获取和更新。通过这样的组合...
3. **Struts2与jQuery的Ajax集成**:Struts2提供了内置的Ajax支持,如Struts2-jQuery插件,它扩展了Struts2框架,提供了与jQuery的无缝集成。通过使用这个插件,你可以轻松地创建Ajax化的Struts2 Action,例如使用sj...
1. **Ajax请求与Struts2 Action**:jQuery的`$.ajax()`方法可以方便地发起Ajax请求,与Struts2 Action进行交互。配置Struts2的Ajax拦截器后,Action可以直接返回JSON或XML数据,供前端解析并更新DOM。 ```...
"Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例,它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery,以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...
Struts2、Spring、iBatis和jQuery AJAX是Java Web开发中的四大核心技术,它们共同构建了一个功能强大的MVC(模型-视图-控制器)架构。本文将深入探讨这些技术在登录注册系统中的应用。 首先,Struts2是Apache基金会...
1. **商品记录删除**:当用户点击删除按钮时,jQuery可以通过AJAX调用一个Struts2的Action,传递商品ID作为参数。在Action中,我们可以使用Hibernate或JDBC等持久层技术来执行SQL删除语句,然后返回一个表示操作成功...
例如,`struts2-jquery-plugin`包含了一些预定义的JSP标签,如`sj:a`(Ajax链接)、`sj:submit`(Ajax表单提交)等,使得在JSP页面上集成Ajax功能更为方便。 4. **其他依赖**:可能还需要一些额外的库,如JSON解析...
例如,使用jQuery发送Ajax请求到Struts2 Action,Action处理完业务后返回JSON数据,jQuery再将这些数据动态更新到页面上,实现无刷新的数据交互。这样的开发方式大大提高了开发效率和应用程序的性能。
这个压缩包中的"struts-ajax"可能是一个示例项目,展示了如何在Struts框架中集成Ajax。"gpl.txt"和"www.pudn.com.txt"可能是关于许可协议和来源的文本文件,说明了这个项目的开源许可情况和可能的来源信息。 在学习...
Struts 2提供了多种与AJAX集成的方式,如使用Struts2的AJAX插件,或者直接利用jQuery等库来实现AJAX请求。 在"从Struts应用开发框架转移到Struts 2 WEB框架 教程.doc"中,可能详细讲解了以下几个方面: 1. **...
同时,Struts 2的Action结果可以直接返回JSON,配合jQuery的$.ajax(),可以方便地进行JSON数据的交互。 在实际项目中,通常会有一些特定的Struts 2与jQuery的整合库,如"struts2-jquery-plugin",它提供了一系列的...