SpringMVC+Ajax+拼接html字符串的示例分析-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關(guān)SpringMVC+Ajax+拼接html字符串的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

10年積累的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有濱州免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

SpringMVC的簡單增刪改查（SSM整合）的基礎(chǔ)上再輔助配置Jackson的jar包。

服務(wù)器端

  @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調(diào)試的時候，發(fā)現(xiàn)jQuery的文件無法獲取到，我一直以為是路徑問題，確定路徑無誤后我發(fā)現(xiàn)，是我靜態(tài)資源映射沒配置。配置靜態(tài)資源映射后就OK了。

前端顯示結(jié)果

SpringMVC+Ajax+拼接html字符串的示例分析

當然這里顯示得并不是太漂亮，如果需要美觀一點?？梢砸隑ootstrap或者其他框架來美化樣式。

關(guān)于“SpringMVC+Ajax+拼接html字符串的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網(wǎng)站標題：SpringMVC+Ajax+拼接html字符串的示例分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://m.rwnh.cn/article4/dgsgie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、Google、定制網(wǎng)站、電子商務(wù)、全網(wǎng)營銷推廣、域名注冊

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

SpringMVC+Ajax+拼接html字符串的示例分析-創(chuàng)新互聯(lián)