这两天项目需要,Struts1.*框架使用JQuery的Json来异步查询信息来显示内容,写完本人总结下~~~
一、需要的东西
1. jquery的js文件:本人使用的是jquery-1.4.2.min.js.(可以自己去官网下载)
二、jsp页面写法
1. 首先在head中引入jquery的js文件:
<script type="text/javascript" src="${contextPath }/js/tips.js"></script>
2. 页面button的onclick事件:
<a href="#" onclick="f_getInfo('send.id=${send.id}')">预览</a>
3. 下面是js中jquery的代码:
function f_getInfo(param) {
$.post("${contextPath}/send/preSendInfo.do?",param,
function (data) {
var obj;
obj = eval(data);
f_perview(obj);
},"json");
}
function f_perview(obj) {
var MSG1 = new CLASS_MSN_MESSAGE("aa",obj.twidth,obj.theight,obj.sname,obj.sname,"用户:"+obj.username + "<br> 消息URL:" + obj.contentUrl);
MSG1.rect(null,null,null,screen.height-50);
MSG1.speed = obj.keepTime;
MSG1.step = 8;
MSG1.show();
}
说明:第一个js的方法是jquery与后台交互,function方法是返回的结果(这里只有返回成功的消息才会执行该方法),eval是json转换成对象的函数,之后是调用下面的方法传递一个参数。下面的方法就是显示内容了。显示对象的内容使用的是:***.后台bean对象的成员变量。
4. action类中的写法:
public ActionForward preSendInfo() throws IOException {
send = sendService.getSendInfo(send.getId());
if(send == null) {
return StrutsEnv.getActionMapping().findForward(FAILED);
}
String result = JsonUtil.object2json(send).toString();
HttpServletResponse response = StrutsEnv.getResponse();
response.setContentType("application/json;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
PrintWriter pw = response.getWriter();
pw.write(result);
pw.flush();
return null;
}
说明:action类中的方法中返回值应该准换成json格式,然后使用response返回到jsp页面。
注意renturn 后面为null。
5. struts-config.xml文件的写法跟普通的写法一样,只是不用谢forward了~~~
<action attribute="send" name="send" path="/send/preSendInfo"
scope="request" type="com.uucall.messagepush.struts.BeanAction">
</action>
上面就是struts1.*与jquery的ajax交互使用json的所有方法,以后方便自己忘记之后熟悉~~~
分享到:
相关推荐
一个简单的struts2+json+jquery 交互的例子,记得把Tomcat依赖加入到工程中
使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Struts2的使用json格式进行交互开始。
NULL 博文链接:https://lianxia114112.iteye.com/blog/1195805
Jquery+struts2上传图片,制作进度条等示例,还有Jquery+Json+Struts实现Ajax技术,还有图形处理技术等,虽然很少,但都有重点突出,由于我也是学习,所以代码不是很简洁,对想学习交流的朋友非常合适
使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的EasyUI与Struts2的使用json格式进行交互开始。
Jquery通过JSON和Struts的Action交互[参照].pdf
这圣思园张老师的一个上课演示文件,讲的是struts2+jquery+Ajax实现异步交互的简单例子。
NULL 博文链接:https://ch-dj.iteye.com/blog/1983806
NULL 博文链接:https://zyw090111.iteye.com/blog/724574
使用struts2与json的依赖包,结合Jquery ajax进行页面与后台的交互
可以直接下下来使用,用jquery实现了图片复制,拖拽,并且ajax实现与后台struts2的交互,用json相互传值。简单明了
struts2+Hibernate+jquery+Ajax+Json+mysql例子 一个部门和员工信息管理的例子,页面上的所有数据全部采用动态加载,增删改查操用全部在一个页面上实现,没有页面跳转。前台页面和后台服务器交互采用json格试传输。 ...
Struts2与Flexigrid的交互实现,冯惠萍,杨春金,网格是网页设计中常见的表现方式,随着互联网的发展,应用也越来越广泛,同时用户体验要求也越来越高。本文主要介绍Jquery的Flexigrid
jquey配合josn实现两级网页菜单代码,二级的菜单联动特效,Author : TongFei 格式可更改为横行 也行 只需修改样式即可,url:菜单数据josn文件路径
4. 了解AJAX等页面交互技术,JQuery等框架;5. 了解HTML、HTML5、XML、JSON等页面相关技术;6. 英语四级以上,能够熟练阅读并理解英文技术资料。 4、熟悉Eclipse开发工具; 3、扎实的java基础知识,能够熟练使用JSP...
使用jquery的ajax发起对struts2框架下action的访问,使用json传值,一个简单的学习案例
此项目是用于struts 与hibernate整合的,多对多表查询,里面技术使用了jquery中的ajax回显,使用了分页技术,并且自带了一个分页工具类,前后台交互采用json的形式来交互,实现了员工和部门表的增加 删除 修改 查询...
sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API....
WebSocket4J 是一个用 Java 实现的 WebSocket 协议的类库,可使用 Java 来构建交互式 Web 应用。WebSocket4J 并未实现客户端通讯协议,所以不能用它来连接 WebSocket 服务器。 Struts验证码插件 JCaptcha4Struts2 ...
WebSocket4J 是一个用 Java 实现的 WebSocket 协议的类库,可使用 Java 来构建交互式 Web 应用。WebSocket4J 并未实现客户端通讯协议,所以不能用它来连接 WebSocket 服务器。 Struts验证码插件 JCaptcha4Struts2 ...