- 浏览: 173468 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
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 1678项目开发中往往要在js中进行date的比较 if(Date. ... -
JavaScript总结
2009-09-16 21:59 1186javascript事件查询综合 click() 对象.cl ... -
通用验证javascript
2009-09-16 21:52 757//****************VARIABLE DESC ... -
jstl 强大的日期处理(转)
2009-09-16 21:50 800JSP Standard Tag Libraries For ... -
JavaScript内置函数
2009-09-16 21:46 13961.document.write(""); ... -
jquery offset 方法
2009-09-16 20:51 4392获取匹配元素在当前视口的相对偏移。返回的对象包含两个 ... -
JavaScript中reload和replace的区别
2009-09-05 00:16 6189reload 方法,该方法强迫浏览器刷新当前页面。语 ... -
好东西
2009-09-04 16:31 654jquery书: http://book.51cto.com/ ... -
jquery学习(4) remove方法
2009-08-24 22:12 2238<!DOCTYPE html PUBLIC " ... -
jquey学习(3)----jquery的checkbox 与select简单应用
2009-08-24 13:20 2252<script src="jquery-1.3 ... -
jquey学习(2)----jquery最简单的隔行高亮显示
2009-08-24 11:45 990//前提是你要导入jquery的库 $(function() ... -
jquey学习(1)----jquery与dom
2009-08-23 21:38 771//jquery 方式 $(function(){ v ... -
jquery的ready方法的几种使用方式
2009-08-23 16:39 1038//最常用的方式 $(document).ready(fun ... -
jquery如何对js动态产生的表格行高亮显示
2009-08-22 16:17 3364前几天本人在用jquery的时候, 鼠标移到table上的td ... -
jquery的显示日期时间的插件
2009-08-21 13:56 7223用法:<div id ="divTime&qu ... -
JavaScript的输入输出
2009-08-21 13:38 854二、简单的输入、输出 ... -
JavaScript函数(一)
2009-08-21 13:30 705软件界面采用WEB界面,因此要用到Javascript.一些通 ... -
javaScript常用的语句
2009-08-21 13:25 7601. document.write( &quo ... -
java操作json的通用类
2009-08-09 23:06 1245package com.baiyyy.polabs.util. ... -
jquery的使用:鼠标移过高亮显示
2009-08-05 23:42 3716既然是要学习jquery,当 ...
相关推荐
此是简单几个技术集成..只完成了简单功能,测试可行.适合刚接触的童鞋,
3.Ajax无刷新异步调用Struts2,返回Json数据,以用户注册为例。 4.在服务端分页查询功能,优点:实时性:跳页才查询。数据量小:只加载当前页的记录进行显示。 5.单数据源配置(兼容Tomcat和Weblogic)。 6.Hibernate...
包含了进行struts2+JQuery进行Ajax异步开发所需要的完整类库包,直接导入路径后即可应用,不用额外配置!
介绍参见:http://blog.csdn.net/kknd713/article/details/9113743
第 1章 STRUTS2入门................................................................................................................................................3 第 2章STRUTS2晋级.....................
在原来的项目中集成juery的ajax功能,返回json串,结果报了一大堆版本冲突以及jar包缺失的问题,在网上查了老半天资料终于成功了,附传资源包以及我做的小例子大家共享下,注意版本一定要对应上。另外在ajax等待页面...
自己做的,都是稳定版本.利用jquery的ajax发送请求到Action.Spring负责组织Action与业务实现类.附文章讲解.http://www.cnblogs.com/magical/archive/2009/12/21/1628883.html 源码里jar包齐全.
Struts2入门介绍以及如何Hibernate,ibatis,Sprint,AJAX,JQuery的集成。PDF格式,简体中文版。
1、struts2入门 2、struts2晋级 3、struts2核心概念 ...12、集成AJAX 13、集成HIBERNATE 14、集成SPRING 15、集成IBATIS 16、集成JQUERY 17、投票管理系统 18、无纸化办公管理系统 19、数据采集系统
在网上看到有很多人介绍了JQuery分页,但基本上都是一个静态的东西,对于新手来说根本就没有多大用处,如何与后台进行操作也...用到了JQuery 分页插件pagination, JQuery ajax 、JQuery json ,并集成了Struts框架。
使用jquery的ajax实现仿google人名自动补全;头像上传剪切压缩处理。 包含有完整的jar包和源代码,可以直接下载编译部署和运行,这是专门为我们实验室定制开发的。虽然后台逻辑并不复杂,但已经包含了架构基于s2sh...
基于SSH框架与jQuery技术的JavaWeb开发应用,李峰,刘彦隆,本文针对Struts2、Spring和Hibernate三种轻量级框架的集成技术,在Web开发过程中引入了jQuery这一目前较为流行的Web前端技术。用HTML CSS jQuery的�
使用jquery的ajax实现仿google人名自动补全;头像上传剪切压缩处理。 包含有完整的jar包和源代码,可以直接下载编译部署和运行,这是专门为我们实验室定制开发的。虽然后台逻辑并不复杂,但已经包含了架构基于s2sh...
前端设计:使用HTML, CSS, JavaScript结合JQuery或Ajax技术,创建动态和用户友好的界面。 数据库管理:使用MySQL或Oracle数据库,确保数据的安全性和高效访问。 安全措施:集成Spring Security,实现用户认证、授权...
第14章 AJAX技术JQuery框架的经典应用 第15章 在线文件上传和下载(Struts 2.X+FileUpload) 第16章 网上投票系统(Struts2.X+JFreeChat) 第17章 商业银行网上账户管理系统(Struts2.X) 第18章 Hibernate分页系统...
第14章 AJAX技术JQuery框架的经典应用 第15章 在线文件上传和下载(Struts 2.X+FileUpload) 第16章 网上投票系统(Struts2.X+JFreeChat) 第17章 商业银行网上账户管理系统(Struts2.X) 第18章 Hibernate分页系统...
第14章 AJAX技术JQuery框架的经典应用 第15章 在线文件上传和下载(Struts 2.X+FileUpload) 第16章 网上投票系统(Struts2.X+JFreeChat) 第17章 商业银行网上账户管理系统(Struts2.X) 第18章 Hibernate分页系统...
这个是本人做的毕业设计,题目叫做基于SSH框架的论坛的设计与实现,集成了Struts2.3.4 Spring3.2 Hibernate4.1.9 Junit4 ,服务器用的是tomcat7.0 开发工具用的是MyEclipse10 数据库用的是MySQL5.5 整体架构为三层...
使用jquery的ajax实现仿google人名自动补全;头像上传剪切压缩处理。 包含有完整的jar包和源代码,可以直接下载编译部署和运行,这是专门为我们实验室定制开发的。虽然后台逻辑并不复杂,但已经包含了架构基于s2sh...
使用jquery的ajax实现仿google人名自动补全;头像上传剪切压缩处理。 包含有完整的jar包和源代码,可以直接下载编译部署和运行,这是专门为我们实验室定制开发的。虽然后台逻辑并不复杂,但已经包含了架构基于s2sh...