1. 程式人生 > >前端解析後臺返回的JSONArray字串

前端解析後臺返回的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("");
	}