码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-04-01 10:37:35      阅读:197      评论:0      收藏:0      [点我收藏+]

标签: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经验

标签:html   分享   value   success   pup   loading   logs   cell   string   

原文地址:http://www.cnblogs.com/snowwang/p/6654830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!