jquery load方法获取数据

最新推荐文章于 2021-06-03 23:24:26 发布

weixin_30267691

最新推荐文章于 2021-06-03 23:24:26 发布

阅读量342

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/pengain/archive/2012/04/04/2432430.html

版权

在开发中遇到这样的问题，同样的数据，在不同的几个页面中使用到。显示的方式也基本相同。

控制层取数据：

@Controller
@RequestMapping("test")
public class TestController {

    @Autowired
private CommonService service;

    @RequestMapping("loadList")
public @ResponseBody Map<String , List<News>> listChild(HttpServletRequest request) {        
        List<News> newsList = service.findAll(News.class);
        Map<String , List<News>> map = new HashMap<String , List<News>>();
        map.put("newsList", newsList);
return map;
    }

}

页面上取数据：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("img").load(function(){
    $("#sssss").text("图像已加载");
    $.ajax({
            type : "post",
            url : "test/loadList",
            success : function(map){
                alert(map.newsList.length);
if(map && map.newsList){
                    $("#eeee").append("<tr><td align=\'center\'>"+map.newsList[0].creator+"</td></tr>");   
                }
            }
        });  
  });
});
</script>
</head>
<body>    

<img src="images/3.gif" />
<div id="sssss">图像正在加载中 ...</div>
<form action=""  id="newForm">
<table id="eeee">
</table>
</form>

</body>
</html>