SSM框架 首页显示数据(ajax)

前台jsp

$(document).ready(function (e) {
	 var json = [  ];
	
$.ajax({
	   type: "POST",
	   url: "findTroArticleListView",
	   async: false,
	   success: function(pagingList){
		  // alert(JSON.stringify(pagingList));  
		   var tbody = "";   
		 // alert(JSON.stringify(pagingList.returnList)); 
			   $(pagingList.returnList).each(function(index, domEle){
				   //alert(domEle); //object [object Object]
				   var map={
						"article_id":domEle.article_id,
						"sort":domEle.sort,
						"title" : domEle.title,
						"content" : domEle.content,
						"create_time" : domEle.create_time,
						"title" : domEle.title,
						"like_num" : domEle.like_num,
						"read_num" : domEle.read_num   
				   };
				  // alert("sort:"+domEle.sort)
				   json.push(map);  
				   var trs = "";
		          trs += " <tr> <td> " 
		          + domEle.sort +" </td> <td>"
		          + domEle.title +" </td> <td>"
		          + domEle.content.substring(0, 30)+" </td> </tr>";
		          tbody += trs; 
				 //  alert(json);//[object Object],[object Object]
				 });			   
			   $("#project").append(tbody);
		   }
		});
}); 

</script>
</head>
<body>
    <table id = "project" border = "1" > 
	   <tr >
        <th style="width:100px;">文章种类</th>
        <th style="width:250px;">文章标题</th>
        <th style="width:250px;">文章内容</th>
       </tr>          
     </table > 
<div>
</body>

后台controller

	@ResponseBody
	@RequestMapping("/findTroArticleListView")
	public Paging<ArticleEntity> findTroArticleListView(Model model,ArticleEntity art){
		Paging<ArticleEntity> pagingList = null;
		try {
			pagingList = articleService.findArticlePagingList(art, page);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return pagingList;
	}
发布了15 篇原创文章 · 获赞 0 · 访问量 107

猜你喜欢

转载自blog.csdn.net/weixin_38235865/article/details/104485933
今日推荐