$(function(){ $.ajax({ url:"${ctx}/showAct.do",async:true,type:'GET',dataType:'json',//这里注意一定要是json类型 success:function(resMsg){//resMsg是一个jsonarray字符串,经过前台解析后会变成一个对象 var list=new StringBuffer();//自定义的拼接字符串函数,高效。 $.each(resMsg,function(i,actObj){//i表示循环的下标,actObj表示循环的对象,可自定义名字 list.append("<tr>"); list.append("<td>"+actObj.act_id+"</td>"); list.append("<td>"+actObj.username+"</td>"); list.append("<td>"+actObj.emp_id+"</td>"); list.append("<td>"+actObj.phone+"</td>"); list.append("<td>"+actObj.createtime+"</td>"); list.append("<td>"+actObj.title+"</td>"); list.append("<td>"+actObj.content+"</td>"); list.append("<td>"+actObj.applyNum+"</td>"); list.append("<td class='text-center'>"); list.append("<button class='btn btn-info'>报名</button>"); list.append("<button class='btn btn-info disabled'>取消报名</button>"); list.append("<button class='btn btn-info disabled'>删除</button>"); list.append("</td>"); list.append("</tr>"); }); var head="<tr class='text-center'><td>编号</td><td>发布人</td><td>工号</td><td>电话</td><td>发布时间</td><td>标题</td><td>内容</td><td>报名人数</td><td>操作</td></tr>"; $("#act_table").html(head+list.toString()); },}); });
自定义的字符串拼接函数
// 高效的字符串拼接函数,替代使用+号的低效率拼接,使用时直接复制即可 function StringBuffer() { this.__strings__ = new Array(); } StringBuffer.prototype.append = function (str) { this.__strings__.push(str); return this; //方便链式操作 } StringBuffer.prototype.toString = function () { return this.__strings__.join(""); }