前端解析后台返回的JSONArray字符串

$(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("");
	}

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...