利用AJAX为JSP页面传递一个包含了若干对象的List集合
来源:互联网 发布:淘宝上卖限定皮肤 编辑:程序博客网 时间:2024/05/29 19:16
首先说明一下,我现在做的项目中前台用到的是jqm,利用的ajax向后台传递数值,返回的是json格式的数据。为了使大家一目了然,我把重要的代码张贴出来吧,并且个别地方有注释!
后台Action类:
listCodeHistory.jsp中
就这些了,希望能给大家一点小帮助吧!
前台页面:
<link rel="stylesheet"href="${pageContext.request.contextPath }/js/jquery.mobile-1.0.1.min.css"><script src="${pageContext.request.contextPath }/js/jquery-1.6.4.min.js"></script><script type="text/javascript">$(function(){ //在页面加载后激活函数 $("#history").bind("click", function() { //为DOM对象中属性id="history"的元素绑定click事件,执行回调函数 $.ajax({ type:"post",//以post方式向后台提交数据 url:"${pageContext.request.contextPath}/lcecodelog/listL_cecodelog.action?uid=-6196080717979582463",//提交到后台的地址 data:{isAjax:true},//需要传递的数据 也可以这样写data:isAjax=true,username="Tom", 注意data是键值对应的数据 dataType:"json",//返回数据的格式是json success:function(data){//后台代码执行成功后,执行的回调函数 console.log(data.list[0].exname);//在控制台上输出,可以测试一下是否返回正确数据.注意:这里的list是和后台中的放在data中的list一样的。 $.mobile.changePage("${pageContext.request.contextPath}/right/scancodehistory/listCodeHistory.jsp","slideleft", false, false); //$.mobile.changePage()是jqm API的方法 } });});}); </script><scriptsrc="${pageContext.request.contextPath }/js/jquery.mobile-1.0.1.min.js"></script>
后台Action类:
//使用的是struts2,返回的是String类型的方法。public String listL_cecodelog() {//注意:isAjax()和printJSONData()都是我写好的封装类,在这里就直接拿过来调用了。Long uid = getParameterLong("uid");// 从url中获取参数uid List<L_cecodelog> list = lcecodelogDAO.ListL_cecodelog(uid); try {if(!isAjax()){//判断是不是ajax请求return null;}JSONObject data = new JSONObject();data.accumulate("list", list);//注意:这个list的名字和前台页面中list的名字需要一致。setSession("list", list);//之所以把list放在session会话中是因为需要在另一个页面循环list输出结果。printJSONData(data);} catch (ServletException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();} return null; }
listCodeHistory.jsp中
//在这里可以循环放在session中的list<c:forEach items="${list }" var="code" varStatus="index"><li><ahref="${pageContext.request.contextPath}/lcecodelog/findT_exhibitByExid.action?exid=${code.exid}&id=${code.id}">${code.exid}${code.exname}</a><span class="ui-li-count">${code.datetime}</span></li></c:forEach></body><%session.removeAttribute("list"); %>//为了信息安全,利用完session会话中的list之后,需要移除会话。</html>
就这些了,希望能给大家一点小帮助吧!
- 利用AJAX为JSP页面传递一个包含了若干对象的List集合
- 利用AJAX为JSP页面传递一个包含了若干对象的List集合
- ajax向Action传递包含List属性的对象
- ajax的传递List集合
- jsp页面之间传递一个对象
- Jsp页面如何集合List传递到后台控制端
- AXIS传递包含javaBean对象的List对象
- s:iterator输出key为一个对象,value为一个List集合的Map
- JSP实例-利用session在页面间传递java对象
- 在action中将字符串、对象、list集合保存到值栈中,在jsp页面中获取的方法
- JSP页面传递数据时犯了一个小错误
- jsp页面之间如何传递一个js对象
- 前台使用ajax 调用action方法,返回一个对象List集合的json
- 如何从页面传一个list集合对象到后台
- 在子线程中如何使用Handler将一个包含对象的集合传递给主线程
- 两个JSP页面之间如何传递一个对象?比如一个LIST或者HASHMAP?以及为什么有时候REQUEST.GETATTRIBUTE("NAME")取不到值?
- jsp 传递list对象时需要注意的小细节
- Struts2——将字符串、对象、list集合保存到值栈中,在jsp页面中获取的方法
- Sublime Text 2 入门及技巧
- HorizontalScrollView 边界渐变效果处理
- 正则表达式(RegEx)——快速参考
- win7快捷键的使用
- Dijkstra算法(单源最短路径)
- 利用AJAX为JSP页面传递一个包含了若干对象的List集合
- 汇编有啥用?能写出程序吗?我自己感觉不错的一些知识!
- 如何用response实现下载时弹出下载框
- mysql远程连接速度慢的解决方案
- javascript中的indexOf()方法
- libtool version mismatch error
- 通过grep源码,分析grep返回值
- 主机虚拟机文件共享
- 超过 130 个你需要了解的 vim 命令