zoukankan      html  css  js  c++  java
  • 项目中比较有用得到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代码:

  • 相关阅读:
    abp记录1
    javascript Date format(js日期格式化) 转载
    css 宽高等比
    MVC 自己创建URL 对象处理路径
    转载 Easyui Tree方法扩展
    Bootstrap 学习笔记1
    动态创建form 完成form 提交
    单例模式
    工厂模式(已体会到此模式的意义)
    设计模式实践
  • 原文地址:https://www.cnblogs.com/snowwang/p/6654830.html
Copyright © 2011-2022 走看看