ajax發送請求到controller,controller響應一個json格式的數據給頁面,
JSON.parse()再解析json字符串,用$.each遍歷。
@RequestMapping("/list") public @ResponseBody java.util.List<UserVO> List() throws Exception{ return service.get(); }
<body><div id="datatable"></div></body><script type="text/javascript">$(document).ready(function(){ $.ajax({ type:"get", url:"/meihao/login/list.action", async:true, success:function(result){ var m="<ul>"; result=JSON.parse(result); $.each(result, function(i,n) { console.log(n); m+="<li>"+"姓名:"+n["username"]+"密碼:"+n["password"]+"</li>"; }); m+="</ul>"; $("#datatable").append(m); }, error:function(error){ alert(error.status+""+error.statusText); } });});</script>
以上這篇json獲取數據庫的信息在前端頁面顯示方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選