首页 > 代码库 > 项目中比较有用得到js经验

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

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经验