!DOCTYPE htmlhtmlhead titleiperf3 Servicetitle script src=httpscdnjscloudflarecomajaxlibssocketio304socketiojsscript script src=httpscodejquerycomjquery-351minjsscriptheadbody h1iperf3 Ser
<!DOCTYPE html>
<html>
<head>
<title>iperf3 Service</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<style>
#output {
height: 200px;
overflow-y: auto;
}
</style>
</head>
<body>
<h1>iperf3 Service</h1>
<pre><code><form id="startForm">
<label for="port">Port:</label>
<input type="text" id="port" name="port" required>
<button type="submit">Start</button>
</form>
<form id="stopForm">
<label for="stopPort">Port:</label>
<input type="text" id="stopPort" name="port" required>
<button type="submit">Stop</button>
</form>
<div id="output"></div>
<script type="text/javascript">
$(document).ready(function () {
var socket = io.connect('http://' + document.domain + ':' + location.port);
socket.on('stream_output', function (output) {
var outputDiv = $('#output');
outputDiv.append(output + '<br>');
var lines = outputDiv.find('br');
if (lines.length > 20) {
lines.first().prev().remove();
}
outputDiv.scrollTop(outputDiv[0].scrollHeight);
});
$('#startForm').submit(function (event) {
event.preventDefault();
var port = $('#port').val();
$.ajax({
url: '/start',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({ 'port': port }),
success: function (response) {
var outputDiv = $('#output');
outputDiv.append(response.message + '<br>');
var lines = outputDiv.find('br');
if (lines.length > 20) {
lines.first().prev().remove();
}
outputDiv.scrollTop(outputDiv[0].scrollHeight);
},
error: function (error) {
var outputDiv = $('#output');
outputDiv.append(error.responseJSON.message + '<br>');
var lines = outputDiv.find('br');
if (lines.length > 20) {
lines.first().prev().remove();
}
outputDiv.scrollTop(outputDiv[0].scrollHeight);
}
});
$('#port').val('');
});
$('#stopForm').submit(function (event) {
event.preventDefault();
var port = $('#stopPort').val();
$.ajax({
url: '/stop',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({ 'port': port }),
success: function (response) {
var outputDiv = $('#output');
outputDiv.append(response.message + '<br>');
var lines = outputDiv.find('br');
if (lines.length > 20) {
lines.first().prev().remove();
}
outputDiv.scrollTop(outputDiv[0].scrollHeight);
},
error: function (error) {
var outputDiv = $('#output');
outputDiv.append(error.responseJSON.message + '<br>');
var lines = outputDiv.find('br');
if (lines.length > 20) {
lines.first().prev().remove();
}
outputDiv.scrollTop(outputDiv[0].scrollHeight);
}
});
$('#stopPort').val('');
});
});
</script>
</code></pre>
</body>
</html
原文地址: http://www.cveoy.top/t/topic/iTda 著作权归作者所有。请勿转载和采集!