Jquery根據JSON生成Table

2021-06-22 02:01:28 字數 1414 閱讀 7286

先說下背景

系統目前使用的是struts1 介面為jsp

html**為:

大廈


樓層房間


型別朝向


1床2床


3床4床


5床6床


7床8床


9床10床


11床12床
js**為:

(function ($) else


alert("b= " + obj.floorid);


$.post("getbed.jsp",,function(data,status)


var trend ="";


var room = trbegin + td1 + td2 + td3 + td4 + td5 + beds + trend;


}});


};};


})(jquery);


$(document).ready(function());


a.listtable();


}else );


a.listtable();}}


});$.post("getbed.jsp",,function(data,status)


var trend ="";


var room = trbegin + td1 + td2 + td3 + td4 + td5 + beds + trend;


}});


});function testalert(obj)


alert(obj);


}//床位狀態:0,空閒;1,使用;2,預約;3,請假;4,試住; 


function statuscolor(status,opname)else if( status == 1)else if( status == 2)else if( status == 3)else if( status == 4)


}
json格式為:

[,,,,,],"floorname":"一層","housename":"哈哈樓","roomname":"測試房間","roomnum":"六人間","roomtype":"朝北"},],"floorname":"二層","housename":"哈哈樓","roomname":"1101號房","roomnum":"單人間","roomtype":"朝東"}]
其中左側樹用的是 乙個開源的ui外掛程式 叫做om-tree.js右側list列表是我自己封裝的乙個類jsonlist

JAVA根據前台方法生成JSON檔案

前台ajax傳入方法,直接補到controller中即可 生成的json檔案路徑 string url 生成的json檔名稱 string name createjsonfile jsonstring1,url,name return success public boolean createjso...

jquery根據name取值

根據name取值 input name mobile val 根據id取值 mobile reg form html 根據name取值了遍歷 input name mobile each function 取出form中的input 得到值 多個的情況 input name mobile 0 val...

根據JSON資料的key擷取JSON字串

可處理 形式的json資料 把json轉化為字串 var bbb json stringify array 用indexof查詢key在json字串中所在的位置 var a bbb.indexof 15d91690 0804 4e1d b7e6 00029f5a9992 indexof查詢 的位置 ...