动态添加表格

最新推荐文章于 2022-03-31 19:04:52 发布

柠之幻尘

最新推荐文章于 2022-03-31 19:04:52 发布

阅读量877

点赞数

文章标签：数据库 json jquery

本文链接：https://blog.csdn.net/weixin_54668937/article/details/117701741

版权

本文档介绍了如何使用VS和jQuery动态添加表格数据。主要涉及each()和append()方法，通过向控制器请求数据，利用get()方法，遍历数据库内容，以表格形式插入到页面。在控制器中，使用linq查询数据库并返回数据。

摘要由CSDN通过智能技术生成

文献种类：专题技术文献；
开发工具与关键技术： VS、jQuery
作者：方建恒；年级：20级；撰写时间： 2021 年 6 月 8日
下面我们来看一下如何动态的添加表格数据。
我们主要会用到each()方法和append()方法，
前者是用来为每个匹配的元素规定运行的函数，
后者是用来给被选择到的元素的结尾插入内容。
知道了each ()方法和append()方法的作用后，我们接下来开始编写动态添加表格的代码，
我们要先把相应的数据库引入，然后再创建视图，
因为后面需要用到Bootstrap的表格所以记得引入bootstrap的样式表。
再将表格的表头部分编写完成。如下图所示：
在这里插入图片描述
然后在页面加载事件中运用get()方法向控制器请求到相应的数据，
请求路径为Home控制器下的SelectAllStudent，
因为SelectAllStudent和Home在同个控制器下，所以我们可以把Home省略掉。
如下图所示：

接下来我们设置一个变量str让它等于空，
然后通过each()方法遍历数据库里的相应数据，
再将遍历的数据拼接成表格的形式，并赋值给变量str。
最