jquery将信息遍历到界面上实例代码


Posted in jQuery onJanuary 21, 2020

废话不说上代码 ps:能不能看懂全看造化

<script>
  $(document).ready(function () {
    $('#btn').keydown(function () {
      $.ajax({
        url:'admin/car/query',
        type:'get',
        dataType:'json',
        success:function(data){
          var td = "";
          for(var i=0;i<data.length;i++){

            var ls=data[i];

            td="<td>"+ls.user_id+"</td>"+"<td>"+ls.car_num+"</td>"+"<td>"+ls.reason+"</td>"+"<td>"+ls.remark+"</td>"
              +"<td>"+ls.driver+"</td>"+"<td>"+ls.driver_verify+"</td>"+"<td>"+ls.office_verify+"</td>"+"<td>"+ls.driver_turn_down+"</td>"
              + "<td>"+ls.office_turn_down+"</td>"+"<td>"+ls.use_time+"<td>"+ls.office_turn_down+"</td>"
            $('#tableSort').append("<tr>"+td+"</tr>");
          }
        }
      })
    })


  })
</script>

显示的结果如图所示

jquery将信息遍历到界面上实例代码

以上就是本次介绍的全部相关知识点,感谢大家的学习和对三水点靠木的支持。

jQuery 相关文章推荐
利用jQuery解析获取JSON数据
Apr 08 jQuery
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
如何在vue 中引入使用jquery
Nov 10 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 #jQuery
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 #jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 #jQuery
jQuery实现轮播图效果demo
Jan 11 #jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 #jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 #jQuery
jQuery实现手风琴效果(蒙版)
Jan 11 #jQuery
You might like
php简单提示框alert封装函数
2010/08/08 PHP
是 WordPress 让 PHP 更流行了 而不是框架
2016/02/03 PHP
PHP 数组基本操作方法详解
2016/06/17 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
js函数调用的方式
2014/05/06 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
p5.js入门教程之图片加载
2018/03/20 Javascript
vue中的provide/inject的学习使用
2018/05/09 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
layui输入框中只允许输入整数的实现方法
2019/09/18 Javascript
[13:38]2015国际邀请赛中国战队出征仪式
2015/05/29 DOTA
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
python list转矩阵的实例讲解
2018/08/04 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
django 自定义过滤器的实现
2019/02/26 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
使用python绘制二维图形示例
2019/11/22 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
使用python的turtle函数绘制一个滑稽表情
2020/02/28 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
大学生求职信怎么写
2015/03/19 职场文书
《搭石》教学反思
2016/02/18 职场文书
Go 自定义package包设置与导入操作
2021/05/06 Golang
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
Pytorch 如何实现常用正则化
2021/05/27 Python
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis
Redis唯一ID生成器的实现
2022/07/07 Redis