在跟着网上做项目时,使用ajax处理后台数据,发现浏览器无法显示内容。
排故时发现:1)在控制层能获得数据; 2)在浏览的响应体中也能看到 json 格式的数据。
后来发现是在ajax中的dataType设置写错了,正确应该是 "json" ,自己手残写成了 "jason"。修改之
后就能完整显示jQuery拼接的html内容了
$.ajax({
url: "workbench/activity/pageList.do",
type: "get",
data: {
"pageNo": pageNo,
"pageSize": pageSize,
"name": $.trim($("#search-name").val()),
"owner": $.trim($("#search-owner").val()),
"startDate": $.trim($("#search-startDate").val()),
"endDate": $.trim($("#search-endDate").val())
},
dataType: "json",//这是正确的
success: function (data) {
var html = "";
$.each(data.dataList,function (i,n) {
html += '<tr class="active">';
html += '<td><input type="checkbox" value="'+ n.id +'"/></td>';
html += '<td>'+n.owner+'</td>';
html += '<td>'+n.startDate+'</td>';
html += '<td>'+n.endDate+'</td>';
html += '</tr>';
});
$("#activityBody").html(html);