jsp 代码
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>动态加载listview 实例</title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/mweb/sc/css/jquery.mobile-1.2.0.css" />
<script src="<%=request.getContextPath()%>/mweb/sc/js/jquery.js"></script>
<script src="<%=request.getContextPath()%>/mweb/sc/js/jquery.mobile-1.2.0.js"></script>
</head>
<script type="text/javascript">
// 动态加载 listview
$(document).ready(function() {
var url ="<%=request.getContextPath()%>/M3_news_miniMobileServlet.back?method=RA";//这是一个servlet 类,取一个list,就是下面的java代码
$.getJSON(url,function(data) {
var groupList = data.list;
li_array = ['<li data-role="list-divider" >新闻动态 <span class="ui-li-count"><a href="<%=request.getContextPath()%>/mweb/sc/news.jsp?action=0" data-ajax="false" data-role="button" data-icon="arrow-r">更多</a></span> </li>'];
var temp="";
for(var i in groupList){
li_array.push(tplNew(groupList[i]));
}
var $listview = $('#newsmini');
$listview.html(li_array.join(''));
$listview.listview('refresh');
});
});
function tplNew(newItem){
return '<li data-icon="false"><a href="#"><img src="'+newItem.news_mini_image +'"/><h3>' + newItem.news_mini_content+'</h3></a></li>';
}
</script>
<body>
<div data-role="page" class="maindiv" id="index" >
<div data-role="content" style="margin-top:10px;padding-top:15px;">
<ul data-role="listview" id ="newsmini" data-divider-theme="e"></ul>
</div>
<div data-role="footer" class="footer-desc" data-theme="e" d>
</div>
</div>
</body>
</html>
java 代码
List list = newsInterface.queryBytime();
String result ="";
Map<String, List> mapUtils = new HashMap<String, List>();
if (list.size()>0) {
System.err.println(list.size());
mapUtils.put("list",list);
JSONObject object = JSONObject.fromObject(mapUtils);//把list 转换成json格式 输出
result = object.toString();
}
response.setContentType("application/xml;charset=UTF-8");
PrintWriter pw = response.getWriter();
pw.write(result);
pw.flush();
pw.close();