国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

SpringMVC+Ajax+拼接html字符串

2019-11-06 06:21:57
字體:
來源:轉載
供稿:網友

為什么寫這個呢。因為在現在的網頁中。單純的同步傳遞數據已經變得非常少了。大多數都是通過Ajax異步來傳遞數據的。因此在這里用SPRingMVC+Ajax做一個簡單的小例子,同時輔助以拼接字符串顯示。希望能為大家帶來幫助。 本次案例的配置仍然是在上一篇SpringMVC的簡單增刪改查(SSM整合)的基礎上再輔助配置Jackson的jar包。

服務器端

@RequestMapping("/ajaxlist") @ResponseBody//(springmvc的Jackson注解,返回json字符串) public List<User> getUserList() { List<User> list =userService.findAll(); return list; }

前端使用

<body> <button id="testButton">異步傳輸</button> <div id="content"></div> </body>

Ajax請求并拼接字符串

<script type="text/javascript"> $(function() { $("#testButton").click(function() { $.ajax( { url:"${pageContext.request.contextPath }/user/ajaxlist", type:'GET', dataType:'json', success:function(data) { //拼接字符串 var html = "<table><tr><td>用戶名</td><td>密碼</td><td>昵稱</td><td>電子郵箱</td></tr>"; for(var i=0;i<data.length;i++) { html=html+"<tr>"+"<td>"+data[i].username+"</td>"+"<td>"+data[i].passWord+"</td>"+ "<td>"+data[i].nickname+"</td>"+"<td>"+data[i].email+"</td>"+"</tr>"; } html = html+"</table>"; $("#content").append(html); } }); }); });</script>

其實在寫的過程中,我在用firebug調試的時候,發現jQuery的文件無法獲取到, 我一直以為是路徑問題,確定路徑無誤后我發現,是我靜態資源映射沒配置。配置靜態資源映射后就OK了。

前端顯示結果

這里寫圖片描述 當然這里顯示得并不是太漂亮,如果需要美觀一點。可以引入Bootstrap或者其他框架來美化樣式。 希望以上內容能對大家有所幫助。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大连市| 铜川市| 嘉荫县| 湟中县| 瑞丽市| 庄浪县| 阿克苏市| 上栗县| 永顺县| 威信县| 黔西| 鞍山市| 佛学| 元氏县| 延庆县| 遂宁市| 珠海市| 南安市| 塘沽区| 龙门县| 磐石市| 乡宁县| 瑞金市| 宜川县| 巴林左旗| 莱阳市| 邳州市| 伊川县| 田阳县| 易门县| 桦甸市| 嘉黎县| 榆中县| 全椒县| 新巴尔虎右旗| 盐山县| 日照市| 静乐县| 精河县| 安远县| 宜黄县|