项目中比较有用得到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代码:

时间: 2024-10-10 00:20:18

项目中比较有用得到js经验的相关文章

关于Eclipse项目中加入jquery-1.x.js文件报错问题

现在使用Eclipse3.7及以后的版本的时候,加入jQuery文件会报错,上面显示一个小小的红色X,虽然这个并不会影响项目的运行,但是这个却会影响到开发人员的心情,看这总是很不爽,怎么样才能解决呢.很简单,首先我们先分析下造成这种情况的原因吧,如果你是个心细的人,去研究一下项目中的.project文件,你会发现有这样一段代码,如图: <buildSpec>节点下的这些代码,你会发现第一个有个 org.eclipse.wst.jsdt.core.javascriptValidator,问题就在

在老项目中单独引入vue.js,使用自定义指令

转发https://www.jb51.net/article/138594.htm 转发https://www.cnblogs.com/yszblog/p/11694256.html 原文地址:https://www.cnblogs.com/hyqd/p/12173335.html

项目中js调用service和procedure的办法

Ajax.js 1 /**通用ajax服务的定义对象 2 3 * services可以是单个服务对象,也可以是service服务数组 4 * 具体服务的定义请参考appendServices成员函数 5 */ 6 function Service(services){ 7 this.services=[]; 8 this.shareParameters={}; 9 /**添加共享参数,在这里统一设置共享参数 10 */ 11 this.addShareParameters=function(sh

在vue项目中使用canvas-nest.js,报parameter 1 is not of type &#39;Element&#39;

canvas-nest.js是一款轻量的网页特效,如图: github地址:https://github.com/hustcc/canvas-nest.js 在普通的html项目中,只要将<script src="dist/canvas-nest.js"></script>插入到body标签最下边即可. 在vue项目中,使用时配置 1 import CanvasNest from 'canvas-nest.js'; 2 3 const config = { //

mpvue项目中使用第三方UI组件库的方法

简介 微信小程序上线已有一年多时间啦,自美团的mpvue(基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系)问世也过去了好几个月. 前端技术日新月异,小程序的UI框架也层出不穷. 例如: WeUI: 一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一.(github) ZanUI: 有赞移动 Web UI 规范 ZanUI 的小程序现实版本.(github) iView  Weapp:  与iVi

没事把之前项目中搞的比较有用的多图片展示小插件封装并分享一下,供大伙使用

插件demo如下: 实现原理比较简单,主要是用了css中的overflow=hidden特性来设计.比如你一个item宽度(图片+margin)为w,总共有n个item,那么把所有的item按照float=left在一个宽度为n*w的div A里横排过来:然后假如你每页要展示4个item,那么你要在div A外面包一个宽度为4*w的div B然后设置overflow=hidden,那么就只可就看到刚好一页4个item:接下来就是通过控制div B 的left位置来显示翻页时要显示的相应胡第4*i

关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件

找了这么久资料,总算解决了 感谢博客园:http://www.cnblogs.com/xsht/p/5275081.html 感谢百度:http://zhidao.baidu.com/link?url=Vz4TlygvnMyYVj105bCuzkusjF0G5rM6opHvEzhcCaJK5s1gFUZ3PBgAWCNsfY1RmtPf4ZEo8EV_Gd7SYKV4S_ 在有Struts部署的Java EE环境中,我们一般把jsp页面写在WebRoot\WEB-INF\content 目录下,

与正则有关的JS方法结合其在项目中的应用

与正则有关的JS方法结合其在项目中的应用 前言 最近项目中用到正则匹配比较多,因此打算深入理解和总结下各个与正则有关的方法,再结合在项目中使用的情况.与正则有关的JS方法共有7个,分别是RegExp对象的compile(), exec(), test() 和支持正则表达式的的String()方法为search(), match(), replace(), split(). RegExp对象方法 compile()方法 该方法用于改变和重新编译正则表达式.语法: RegExpObject.comp

node.js项目中使用coffeescript的方式汇总

Coffeescript作为Javascript低调的小弟实在是有过人之处,使用它可以增进开发效率,减少代码错误, 关键是能大幅提升开发愉悦感.我越来越觉得只要可能就在自己的项目中把coffee用起来. 然而也许你和我一样,在了解完coffeescript的语法后准备一试身手的时候,却面对如何把它引入项目而犯起愁来. 其实coffeescript这种语言因其可以一对一地翻译为javascript的特性,使用起来其实非常灵活. 将其引入项目的方式也不止一个.这里,我先就node项目引入coffee