使用Ajax查询表中所有数据展示在页面上

 Java

@Autowired
private IAccountService accountService;

@RequestMapping(value = "/getList/query",method = RequestMethod.POST)
@ResponseBody
public List<Account> ajaxDemo(Integer cp,Integer ps) { 
	  List<Account> list = null;
	    if (cp == null) {//分页使用，这里不实现
			cp = 1;
			ps = 7;
		}
	    try {
	        list = accountService.findAccounts(cp,ps);
	        if (list != null) {
	        	return list;
			}
	    } catch (Exception e) {
	        e.printStackTrace();
	    }
	    return null;
}

ajax

$.ajax({
    type : 'POST',
    url : "pmc/getList/queryBasCodeByModel",
    dataType : 'text',
    data : {},
    success : function(data) {
        var users = eval("(" + data + ")"); 
        var str = "";
        $.each(users, function (i, user) { 
            str += '<div>';
            str += '<table>';
            str += '<tr>';
            str += '<th>序号</th>';
            str += '<th>Account</th>';
            str += '<th>Name</th>';
            str += '<th>Price</th>';
            str += '<th>操作</th>';
            str += '</tr>';
            str +='<tr>';
            str += '<td>';
            str += '<font size="3"><b>' + (i+1) + ' </b></font> ';
            str += '</td>';
            str += '<td>';
            str += '<font size="3"><b>' + user.account + ' </b></font> ';
            str += '</td>';
            str += '<td>';
            str += '<font size="3"><b>' + user.name + '</b></font>';
            str += '</td>';
            str += '<td>';
            str += '<font size="3"><b>' + user.price + '</b></font>';
            str += '</td>';
            str += '<td>';
            str += '<a href="pmc?name=' + user.name + '" onclick="click();">详情</a>';
            str += '</td>';
            str += '</tr></table>';
            str += '</div>';
        }); 
    $("#List").html(str);
},
    error : function() {
        $("#List").html('');
	}
});



HTML中加入一个div



<div id="List"></div>