js
huang_jimei
从事前端开发
展开
-
点击提交时候的动画加载,避免网络卡时候的重复点击提交
一、效果图,点击提交申请,进行数据提交,同时出现加载动画,直到提交完成 二、主要代码 <!-- 加载窗口 --> <div class="loadings" id="loading"> <img src="img/loding3.gif" alt="加载中..."/> </div> .loadings{ width: 100%; background: rgba(0, 0, 0, 0.5); height: 100%; positio原创 2021-10-22 15:21:33 · 337 阅读 · 0 评论 -
JSON.stringify和 JSON.parse()
在进行数据请求和渲染的时候经常会碰到将数据进行类型转换的情况: 一、JSON.stringify() (1)作用:JSON.stringify()将对象、数组转换成字符串, 请求数据时,可以将字符串作为data传入;字符串如: 二、JSON.parse() (1)作用:json.parse()将字符串转成json对象,有利于数据渲染 三、例子: ...原创 2020-11-18 16:18:01 · 159 阅读 · 0 评论 -
dataTable.js踩的坑
一、dataTable.js分页插件,点击刷新按钮,数据表格第一页是会加载全部数据出来,第二页是正常的。 解决方法:每次刷新事件都还原初始化dataTable,并且指明每次加载之前清空历史。 //在点击事件里面写以下语句 $(".table-sort").dataTable().fnDestroy();//还原初始化了datatable $('.table-sort').dataTable({ //在调用里面写以下语句 "destroy": true //再次加载之前清空历史 }); ...原创 2020-11-18 15:55:53 · 287 阅读 · 0 评论 -
datatable.js进行前端分页
一、最近做一个项目,并没有分页接口,一次性返回所有的数据,需要前端进行分页显示功能;可以参考网址:http://www.h-ui.net/lib/datatables.js.shtml 二、代码 (1)引入相关文件 <script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="../../lib/lay原创 2020-11-12 17:34:45 · 799 阅读 · 0 评论 -
上导航栏,下内容响应变化
一、点击导航栏,下面内容相应切换 二、代码 .mes{ width:945px; margin:auto; border:solid #ccc 1px; margin-top:5px; background: #fff; } .mes_title{ width:100%; height:40px; margin:auto; border-bottom:solid #ccc 1px; background-color:#fff; line-height:30px; } ..原创 2020-08-26 10:39:17 · 497 阅读 · 0 评论