表单自动提交（查询）

最新推荐文章于 2024-07-25 13:51:49 发布

幼儿园大佬107

最新推荐文章于 2024-07-25 13:51:49 发布

阅读量235

点赞数

分类专栏： JAVA 数据库文章标签： jquery

本文链接：https://blog.csdn.net/lxy9876/article/details/117690622

版权

本文介绍了如何利用jQuery实现表单自动提交。首先，创建控制器和视图，引入Bootstrap并设置样式。接着，构建HTML表格结构，然后通过jQuery获取数据并动态填充表格。在加载事件中设置GET请求，获取数据后使用each方法遍历并显示在表格中。最后，调整样式以优化显示效果。

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

1.添加控制器，在控制器添加视图。
2.新建文件夹移入插件bootstrap-4.1.3-dist，把css，js选中点击包含在项目中。
3.点击左键把bootstrap-4.1.3-dist/css/bootstrap.min.css拖到视图。
4.建立div，再通过行列布局。行“row”，列“col-**。”
5.写一个table表单，它会自动生成。
6.先写一个“死”表格，再生成动态表格。
7.写完浏览器查看，数据出来之后返回视图再table标签写一个基础类，边框，隔行换色。
8.写表头thead，在th里写需要表达的内容。下面的行可以放在tbody里。
9.插入jquery-3.2.1.min.js。
在这里插入图片描述

10.写页面加载事件，在请求事件。
11.用get获取数据，再填写地址，如“/Index/Student”。有两个视图可以同时使用“Student”。
12.第二个写回调函数functino。data接收返回回来的数据。
13.可以先在控制台查询“console.Log(data);”
14.下面用each方法。通过这种方式第一个参数遍历的数据，第二回调函数index对应数主索引值，索引值可以获取到数据“console.log(data[index]);”
15.在each前面声明str。写str的拼接“str+=”。
16.给table添加id。
.table tr td:first-child {
text-align: center;
1