手写table用ajax遍历,原生js把数据循遍历到前端table

用前端框架去给表格赋值简直不要太容易和简单。但是原生js就会复杂一些了。特别是按钮事件的那个(“ )和 (’)特别让人脑瓜子疼。

最近做了一个功能，里面用的就是原生js实现。

写在js里面的代码：(用的ajax请求将文件保存到服务器，返回的数据遍历到table)1 function 方法名() { 2 $.ajax({ 3 type: 'POST', 4 url: '路径‘ 5 data: Data, 6 processData: false, 7 contentType: false, 8 success: function (data) { 9 if (data != null) {10 var fileTable = data.FileTableList;11 $("#TbData").empty();12 for (var i = 0; i

写在HTML的代码：

操作th>文件名称th>上传人th>上传工号th>上传时间th>

tr>

thead>

tbody>table>

我这里做的是有个上传文件的功能。可以对其文件进行删除和下载。

效果图如下：

手写table用ajax遍历,原生js把数据循遍历到前端table相关推荐

进一步封装axios并调用其读取数据（吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持，在这两种情况下的系统只能使用ajax或者原生js请求后台数据）
注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据报错截图如下报错内容: {&quo ...
原生JS forEach()和map()遍历的区别以及兼容写法
一.原生JS forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前 ...
原生js实现数据双向绑定
双向绑定使用原生js实现数据的双向绑定. 关于vue的双向数据绑定,其核心是 Object.defineProperty()方法 Object.defineProperty()的作用就是直接在一个对 ...
【第48天】AJAX在原生JS中的使用，处理XML数据以及DBUtils的使用，假删除（标记删除）
1 介绍 1.1 同步和异步 1.1.1 基于AJAX的异步传输与传统同步传输的对比 1.1.2 使用时间线表示同步和异步在过程上的区别 1.2 JS与AJAX的关系 1.3 AJAX用到的技术 1. ...
AJAX初识(原生JS版AJAX和Jquery版AJAX)
一.什么是JSON 1.介绍JSON独立于语言,是一种与语言无关的数据格式.JSON指的是JavaScript对象表示法(JavaScript Object Notation)JSON是轻量级的文本数 ...
手写小程序摇树优化工具（三）——遍历json文件
见素包朴,少私寡欲,绝学无忧 github: miniapp-shaking 上一章我们介绍了遍历js文件的方法,接下来我们介绍其他文件的遍历. 1. 遍历JSON文件对于json文件,我们直接读取 ...
php上js实现ajax请求,原生JS如何实现Ajax通过POST方式与PHP进行交互的方法
原生JS如何实现Ajax通过POST方式与PHP进行交互的方法发布时间:2021-04-20 11:28:22 来源:亿速云阅读:52 作者:小新这篇文章将为大家详细讲解有关原生JS如何实现Aj ...
JavaScript 练手的小案例01：原生JS音乐播放器
温故而知新.今天重新将老师教过的东西拿出来翻新翻新,稳固加深知识理解程度. 首先,使用HTML搭好我们的框架结构.这一步为了提高我们代码的可读性,多写注释. <!DOCTYPE html> ...
pytorch MNIST 手写数字识别 + 使用自己的测试集 + 数据增强后再训练
文章目录 1. MNIST 手写数字识别 2. 聚焦数据集扩充后的模型训练 3. pytorch 手写数字识别基本实现 3.1完整代码及 MNIST 测试集测试结果 3.1.1代码 3.1.2 MNI ...

手写table用ajax遍历,原生js把数据循遍历到前端table

手写table用ajax遍历,原生js把数据循遍历到前端table相关推荐

最新文章

热门文章