Index.html
4.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<body>
<div>
<div>
<input type="text" placeholder="请输入SN号" id="SNContent"/>
<input type="text" placeholder="请输入项目名称" id="projectName"/>
</div>
<button id="add">添加</button>
</div>
<br/>
<div>
<div>
<input type="text" placeholder="请输入SN号" id="SNContentDelete"/>
</div>
<button id="delete">删除</button>
</div>
<br/>
<div>
<button id="show">获取所有</button>
</div>
<span id="SNShow" style="display: inline-block;
width: 500px;
word-break: break-all;
white-space: normal;"></span>
<script>
//添加
var addButton = document.getElementById("add");
addButton.onclick = function () {
let SNcontent = document.getElementById("SNContent").value.trim();
let projectName = document.getElementById("projectName").value.trim();
let dateTime = formattedDate().trim();
//数据判空
if (typeof SNcontent === 'undefined' || SNcontent == null || SNcontent === '') {
alert("请输入SN号")
return;
}
if (typeof projectName === 'undefined' || projectName == null || projectName === '') {
alert("请输入projectName")
return;
}
let SNDto = SNcontent + "##" + projectName + "##" +dateTime;
//ajax请求提交数据
var xhr = new XMLHttpRequest();
xhr.open('POST','/add_SN');
xhr.setRequestHeader('Content-Type','application/json')
xhr.send(SNDto);
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE) {
let responseObject = JSON.parse(xhr.responseText);
alert(responseObject.message);
}
}
}
//查询
var showButton = document.getElementById("show");
showButton.onclick = function () {
//ajax请求获取数据
var xhr = new XMLHttpRequest();
xhr.open('GET','/get_SNs',true);
xhr.send();
xhr.onreadystatechange = function () {
// if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// var blob = new Blob([this.response], {type: 'application/octet-stream'});
// var url = URL.createObjectURL(blob);
// var a = document.createElement('a');
// a.href = url;
// a.download = 'SNs.txt';
// a.target = '_blank';
// a.click();
// }
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
let responseObject = JSON.parse(xhr.responseText);
let SNs = responseObject.data;
document.getElementById("SNShow").innerText = SNs;
} else {
document.getElementById("SNShow").innerText = "出错了！";
}
}
}
}
//删除
var deleteButton = document.getElementById("delete");
deleteButton.onclick = function () {
let SNContentDelete = document.getElementById("SNContentDelete").value.trim();
if (typeof SNContentDelete === 'undefined' || SNContentDelete == null || SNContentDelete === '') {
alert("请输入SN号")
return;
}
//ajax请求获取数据
var xhr = new XMLHttpRequest();
xhr.open('POST','/delete_SN',true);
xhr.send(SNContentDelete);
xhr.onreadystatechange = function () {
if (xhr.readyState === XMLHttpRequest.DONE) {
let responseObject = JSON.parse(xhr.responseText);
alert(responseObject.message);
}
}
}
function formattedDate() {
const date = new Date();
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
const hour = date.getHours().toString().padStart(2, '0');
const minute = date.getMinutes().toString().padStart(2, '0');
const second = date.getSeconds().toString().padStart(2, '0');
const formattedDate = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
return formattedDate;
}
</script>
</body>
</html>