主頁 > 知識庫 > json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法

json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法

熱門標(biāo)簽:福建微碼電話機(jī)器人 平?jīng)龈叩碌貓D標(biāo)注商戶要收費嗎 荊州智能電銷機(jī)器人 地圖標(biāo)注與公司業(yè)務(wù)關(guān)系 廣西智能外呼系統(tǒng)多少錢 提高電話機(jī)器人接通率 外呼系統(tǒng)api對接 大學(xué)校門地圖標(biāo)注 銷售電銷機(jī)器人詐騙

ajax發(fā)送請求到controller,controller響應(yīng)一個json格式的數(shù)據(jù)給頁面,

JSON.parse()再解析json字符串,用$.each遍歷。

   @RequestMapping("/list")
  public @ResponseBody java.util.ListUserVO> 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獲取數(shù)據(jù)庫的信息在前端頁面顯示方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • Ajax獲取數(shù)據(jù)然后顯示在頁面的實現(xiàn)方法

標(biāo)簽:衡陽 婁底 德陽 黔東 邯鄲 內(nèi)江 樂山 海南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法》,本文關(guān)鍵詞  json,獲取,數(shù)據(jù)庫,的,信息,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章