项目中比较有用得到js经验

Posted 2020-09-07 小企鹅ITgo

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代码：