方法一：
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="place">
<span>位置：</span>
<ul class="placeul">
<li><a href="#">首页</a></li>
<li><a href="#">系统-设备信息</a></li>
</ul>
</div>
<div class="deviceInformation">
<ul class="detail">
<li class="item">名称：<span id="name">工业监测审计系统</span></li>
<li class="item">型号：<span id="type">INA-200</span></li>
<li class="item">硬件版本：<span id="hardwareVersion">INA-200-V1802005C</span></li>
<li class="item">软件版本：<span id="softwareVersion">V2.0</span>
<form method="POST" enctype="multipart/form-data" action="" id="form">
<input type="submit" value="升级" class="updateGrade">
<input type="file" name="file" id="groupUuid">
</form>
</li>
<li class="item">序列号：<span id="serialNumber">CY18-NA2B-A018-5081</span></li>
<li class="item">制造商：<span id="manufacturer"> 科技（北京）有限公司</span></li>
<li class="item"> Factory Date: <span id = "productionDate" > 2018 Nian 2 Yue 10 Ri </ span> </ li> <DOCTYPE HTML!>` ` HTML `: RUNMethod two:`` `</ HTML></ body></ div>
</ ul>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="../static/css/style.css" rel="stylesheet" type="text/css"/>
<link href="../static/css/style_qc.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
</head>
<body>
<div class="place">
<span>位置：</span>
<ul class="placeul">
<li><a href="#">首页</a></li>
<li><a href="#">System - Device Information </a> </ Li> <Li class = "Item"> Name: <span id = "name"> industrial monitoring audit system </ span> </ li> <UL class = "Detail"><div class = "deviceInformation"></ div>
</ UL>
<li class="item">型号：<span id="type">INA-200</span></li>
<li class="item">硬件版本：<span id="hardwareVersion">INA-200-V1802005C</span></li>
<li class="item">软件版本：<span id="softwareVersion">V2.0</span>
<form id="uploadForm" enctype="multipart/form-data">
<input id="file" type="file" name="file"/>
<button id="upload" type="button">升级</button>
</form>
</li>
<li class="item">序列号：<span id="serialNumber">NA2B-A018-5081-CY18 </ span> </ li> </ div> </ ul> Nian 2 Yue 10 Ri </ span> </ li><li class = "item"> the date of manufacture: <span id = "productionDate"
Technology (Beijing) Co., Ltd. </ span> </ li><li class = "Item"> manufacturers: <span id = "manufacturer"
</body>
</html>
<script type="text/javascript">
$(function () {
$.ajax({
type: 'get',
data: "system_deviceInformation",
url: "/system/devinfo/getinfo",
success: function (data) {
$("#name").html(data.name);
$("#type").html(data.type);
$("#hardwareVersion").html(data.hardwareVersion);
$("#softwareVersion").html(data.softwareVersion);
$("#serialNumber").html(data.serialNumber);
$("#manufacturer").html(data.manufacturer);
$("#productionDate").html(data.productionDate);
}
});
$("#upload").click(function () {
$.ajax({
url: './template',
type: 'POST',
cache: false,
data: new FormData($('#uploadForm')[0]),
processData: false,
contentType: false
}).done(function (res) {
console.log(1111)
}).fail(function (res) {
console.log(222)
});
})
});
</script>
```
方法三：
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网站后台管理系统HTML模板--模板之家 www.cssmoban.com</title>
<link href="../../static/css/style.css" rel="stylesheet" type="text/css"/>
<link href="../../static/css/style_qc.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../../static/js/jquery.uploadify.js"></script>
</head>
<body>
<div class="place">
<span>位置：</span>
<ul class="placeul">
<li><a href="#">首页</a></li>
<li><a href="#">系统-设备信息</a></li>
</ul>
</div>
<div class="deviceInformation">
<ul class="detail">
<li class="item">名称：<span id="name">工业监测审计系统</span></li>
<li class="item">型号：<span id="type">INA-200</span></li>
<li class="item">硬件版本：<span id="hardwareVersion">INA-200-V1802005C</span></li>
<li class="item">软件版本：<span id="softwareVersion">V2.0</span>
<input type="file" name="file_upload" id="file_upload">
</li>
<li class="item">序列号：<span id="serialNumber">CY18-NA2B-A018-5081</span></li>
<li class="item">制造商：<span id="manufacturer "> Long Yang Technology (Beijing) Co., Ltd. </ span> </ li> <Script type = "text / JavaScript"></ HTML></ body></ div> </ UL>
Nian 2 Yue 10 Ri </ span> </ Li><li class =" Item "> the date of manufacture: <span id =" productionDate "
$ (function () {
$ ( '# file_upload') Uploadify ({.
'../../static/js/uploadify.swf': Path 'uploadify.swf', // swf file for the uploadify.swf
' / system / devinfo / getinfo ': ' devinfo.py '// path for the uploader spooler
});
});
</ Script>
`` `
attached, submit to submit. Source, https: //www.cnblogs.com/Jxwz/p/4509618.html
added to form tag Action (filed address) and method (post), and a submit button (<input type = 'submit' > ) can submit data, input required to submit each label needs to have a name attribute.
HTML `` `
<Action form = 'HTTP: //www.123.com/postValue' Method = 'POST'>
<INPUT type = 'text' name = 'username' />
<INPUT type = 'password' name = 'password' />
<INPUT type = "Submit" value = "login" />
When you click on landing, the occurrence of data to the server is: username = username & password = password. This default submission, usually for page jump (unsuccessful jump to the current page). And sometimes we are right pop-up box data submitted, would like to submit a successful turn off the pop-up box and brush selected parent page, failure is prompted reason for the failure, and the pop-up box does not close. At this point the data may be submitted using Ajax.
45 small files (overall) = front end portion upload
Guess you like
Origin www.cnblogs.com/gushixianqiancheng/p/10966932.html
Recommended
Ranking