function initList() { $.ajax({ type: "post", url: "${ctx}/overall/risk/inspectyh/inventory/json", data : {"beginDate":$("#beginDate").val(),"endDate":$("#endDate").val()}, dataType: "json", //返回数据形式为json success: function (result) { console.log("获取到数据",result) if(result!=null){ var data = result.rows; var tab = ''; $("#tab").html(tab); for(var i=0; i<data.length; i++){ var row = data[i]; tab += '<tr>'; tab += '<td class="td">'+(row[2]!=null?row[2]:'')+'</td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',1);">'+(row[3]!=null?row[3]:'')+'</a></td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',2);">'+(row[4]!=null?row[4]:'')+'</a></td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',3);">'+(row[5]!=null?row[5]:'')+'</a></td>'; tab += '<td class="td">'+(row[6]!=null?row[6]:'')+'%</td>'; tab += '</tr>'; } $("#tab").html(tab); } } }); }这个方法的详细作用
时间: 2024-04-03 09:35:47 浏览: 56
这是一个 JavaScript 函数,用于通过 AJAX 请求获取数据并将其展示在页面上。具体作用如下:
1. 定义了一个名为 `initList` 的函数。
2. 在函数中使用了 jQuery 的 AJAX 方法向后端发送请求获取数据。
3. 请求的 URL 为 `${ctx}/overall/risk/inspectyh/inventory/json`,其中 `${ctx}` 是一个占位符,需要在前端代码中进行替换,通常用于指定应用的上下文路径。
4. 请求的方法为 POST,数据类型为 JSON。
5. 在请求成功后,将返回的数据解析为 JSON 格式并保存在 `result` 变量中。
6. 如果返回的数据不为空,则将数据遍历并生成 HTML 代码,最后将 HTML 代码插入到页面中展示给用户。
具体来说,该函数会生成一个表格,表格中包含多行数据,每行数据对应后端返回的一条记录。表格中的每一列分别显示记录中的不同字段,其中某些字段还包含了链接,用户可以点击链接进行跳转。
相关问题
<table class="tableStyle" formMode="view"> <tr> <th>乡镇/县名称</th> <th>一般隐患</th> <th>重大隐患</th> <th>未完成整改隐患</th> <th>隐患整改率</th> <th>汇总</th> </tr> </table><script type="text/javascript">function initComplete() { initList(); } function initList() { $.ajax({ type: "post", url: "${ctx}/overall/risk/inspectyh/inventory/json", data : {"beginDate":$("#beginDate").val(),"endDate":$("#endDate").val()}, dataType: "json", //返回数据形式为json success: function (result) { console.log("获取到数据",result) if(result!=null){ var data = result.rows; var tab = ''; $("#tab").html(tab); for(var i=0; i<data.length; i++){ var row = data[i]; if(row[2]!=null&&row[2]!=''){ tab += '<tr>'; tab += '<td class="td">'+(row[2]!=null?row[2]:'')+'</td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',1);">'+(row[3]!=null?row[3]:'')+'</a></td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',2);">'+(row[4]!=null?row[4]:'')+'</a></td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',3);">'+(row[5]!=null?row[5]:'')+'</a></td>'; tab += '<td class="td">'+(row[6]!=null?row[6]:'')+'%</td>'; tab += '</tr>'; } } $("#tab").html(tab); } } }); }此段代码中我要添加汇总一行并且计算各列的值怎么写
您可以尝试在代码中添加以下内容来实现汇总一行并计算各列的值:
```
// 计算汇总值
var total1 = 0;
var total2 = 0;
var total3 = 0;
var total4 = 0;
$('#tab tr').not(':first').each(function() {
total1 += parseInt($(this).find('td:eq(1)').text()) || 0;
total2 += parseInt($(this).find('td:eq(2)').text()) || 0;
total3 += parseInt($(this).find('td:eq(3)').text()) || 0;
total4 += parseFloat($(this).find('td:eq(4)').text()) || 0;
});
// 添加汇总行
var tab = '<tr>';
tab += '<td class="td">汇总</td>';
tab += '<td class="td">'+total1+'</td>';
tab += '<td class="td">'+total2+'</td>';
tab += '<td class="td">'+total3+'</td>';
tab += '<td class="td">'+(total1+total2+total3==0?'0':(total1+total2)/(total1+total2+total3)*100)+'%</td>';
tab += '</tr>';
$("#tab").append(tab);
```
这段代码中,我们首先定义了四个变量 total1、total2、total3 和 total4,分别用于存储一般隐患、重大隐患、未完成整改隐患和隐患整改率的总和。然后,我们使用 jQuery 的 each() 方法遍历表格中除了表头以外的每一行,将每一列的值累加到相应的总和变量中。
接着,我们定义了一个名为 tab 的字符串变量,用于存储汇总行的 HTML 代码。在这个字符串中,我们首先添加了一个汇总单元格,然后依次添加了四个单元格,分别显示一般隐患、重大隐患、未完成整改隐患和隐患整改率的总和。最后,我们使用 append() 方法将这个汇总行添加到表格的末尾。
需要注意的是,隐患整改率的计算方式可能需要根据实际情况进行调整,这里提供的是一种简单的计算方式,您可以根据需要进行修改。
内容组成: 概述 原理 核心代码及解释/技术实现 运行结果及说明
好的,下面是关于基于线性表的学生信息查询小程序的内容:
## 概述
该小程序是基于线性表的学生信息查询系统,用户可以通过输入学生的姓名或学号,查询该学生的信息(包括姓名、学号、性别、年龄、电话等)。该小程序使用C语言编写。
## 原理
该小程序使用线性表来存储学生信息,每个结点存储一个学生的信息。用户可以通过输入学生的姓名或学号来查询该学生的信息。程序会遍历线性表,查找匹配的学生信息并输出。
## 核心代码及解释/技术实现
以下是程序的核心代码及解释:
```c
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
// 定义学生结构体
typedef struct student {
char name[20]; // 姓名
char id[10]; // 学号
char sex[5]; // 性别
int age; // 年龄
char phone[20]; // 电话
} Student;
// 定义线性表结构体
typedef struct linearList {
Student data[100]; // 存储学生信息的数组
int length; // 线性表长度
} LinearList;
// 初始化线性表
void initList(LinearList *list) {
list->length = 0;
}
// 插入学生信息
void insertList(LinearList *list, Student stu) {
if (list->length >= 100) {
printf("线性表已满,无法插入!\n");
return;
}
list->data[list->length++] = stu;
}
// 按姓名查找学生信息
void findByName(LinearList list, char *name) {
int flag = 0; // 标记是否找到匹配的学生信息
for (int i = 0; i < list.length; i++) {
if (strcmp(list.data[i].name, name) == 0) {
printf("姓名:%s\n学号:%s\n性别:%s\n年龄:%d\n电话:%s\n",
list.data[i].name, list.data[i].id, list.data[i].sex, list.data[i].age, list.data[i].phone);
flag = 1;
}
}
if (flag == 0) {
printf("未找到匹配的学生信息!\n");
}
}
// 按学号查找学生信息
void findById(LinearList list, char *id) {
int flag = 0; // 标记是否找到匹配的学生信息
for (int i = 0; i < list.length; i++) {
if (strcmp(list.data[i].id, id) == 0) {
printf("姓名:%s\n学号:%s\n性别:%s\n年龄:%d\n电话:%s\n",
list.data[i].name, list.data[i].id, list.data[i].sex, list.data[i].age, list.data[i].phone);
flag = 1;
}
}
if (flag == 0) {
printf("未找到匹配的学生信息!\n");
}
}
// 主函数
int main() {
LinearList list;
initList(&list); // 初始化线性表
// 插入学生信息
Student s1 = {"张三", "1001", "男", 20, "13888888888"};
insertList(&list, s1);
Student s2 = {"李四", "1002", "女", 19, "13999999999"};
insertList(&list, s2);
Student s3 = {"王五", "1003", "男", 21, "13666666666"};
insertList(&list, s3);
// 按姓名查找学生信息
printf("按姓名查找学生信息:\n");
findByName(list, "张三");
findByName(list, "赵六");
// 按学号查找学生信息
printf("按学号查找学生信息:\n");
findById(list, "1002");
findById(list, "1004");
return 0;
}
```
程序中定义了一个学生结构体和一个线性表结构体。学生结构体包含了姓名、学号、性别、年龄、电话等信息。线性表结构体包含了一个存储学生信息的数组和线性表的长度。程序中使用了三个函数来实现线性表的初始化、学生信息的插入和按姓名或学号查找学生信息。在主函数中,先初始化线性表,然后插入三个学生的信息。接着,按姓名和学号分别查找学生信息,并输出结果。
## 运行结果及说明
程序的运行结果如下:
```
按姓名查找学生信息:
姓名:张三
学号:1001
性别:男
年龄:20
电话:13888888888
未找到匹配的学生信息!
按学号查找学生信息:
姓名:李四
学号:1002
性别:女
年龄:19
电话:13999999999
未找到匹配的学生信息!
```
程序首先输出了按姓名查找学生信息的结果,找到了姓名为“张三”的学生信息,但没有找到姓名为“赵六”的学生信息。然后输出了按学号查找学生信息的结果,找到了学号为“1002”的学生信息,但没有找到学号为“1004”的学生信息。
阅读全文