項目中比較有用得到js經驗

來源:互聯網
上載者:User

標籤:html   分享   value   success   pup   loading   logs   cell   string   

1.JS 迴圈遍曆JSON資料

後台返回這樣的json資料,怎麼寫到前端?

function (text) {
      var arr = [];
      var html = "";
      for(var i=0; i<text.rows.length;i++){
          arr.push(text.rows[i].name);
      }

或者:

  1. <script type="text/javascript">  
  2. function text(){  
  3.   var json = {"options":"[{/"text/":/"王家灣/",/"value/":/"9/"},{/"text/":/"李家灣/",/"value/":/"10/"},{/"text/":/"邵家灣/",/"value/":/"13/"}]"}   
  4.   json = eval(json.options)  
  5.   for(var i=0; i<json.length; i++)  
  6.   {  
  7.      alert(json[i].text+" " + json[i].value)  
  8.   }  
  9. }  
  10. </script>2. 根據後台輸出,迴圈寫出<li>
  11. vararr=[‘變電部分第1章‘,’變電部分第2章‘,’變電部分第3章’];

  12. 輸出:
    <div  class="list">     <ul  id="content" style="margin-top: 30px">              </ul></div>

     

  13. success:function (text) {      var arr = [];      var html = "";      for(var i=0; i<text.rows.length;i++){          arr.push(text.rows[i].name);      }      alert(arr);      for(var i=0;i<arr.length;i++){       html += "<li><a href=‘javascript:;‘ class=‘weui-btn_primary open-popup‘ data-target=‘#full‘><div class=‘weui-cell__bd‘><p >"+arr[i]+"</p></div></a></li>";      }          document.getElementById(‘content‘).innerHTML = html;

    hmtl代碼:

 

 

 

項目中比較有用得到js經驗

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.