做一个网页,输入车牌显示停车时间,停车费,接口如下import axios from "axios"; const options = { method: 'GET', url: 'http://10.198.8.10', params: {Token: 'Parking2023', TruckNo: '粤AFN8885'}, headers: {'content-type': 'application/json'} }; axios.request(options).then(function (response) { console.log(response.data); }).catch(function (error) { console.error(error); });
时间: 2024-04-18 20:33:47 浏览: 242
你可以使用以下代码来创建一个网页,通过输入车牌号获取停车时间和停车费用:
```html
<!DOCTYPE html>
<html>
<head>
<title>停车信息查询</title>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<h1>停车信息查询</h1>
<label for="licensePlate">车牌号:</label>
<input type="text" id="licensePlate" placeholder="请输入车牌号">
<button onclick="getParkingInfo()">查询</button>
<div id="result"></div>
<script>
function getParkingInfo() {
var licensePlate = document.getElementById("licensePlate").value;
var options = {
method: 'GET',
url: 'http://10.198.8.10',
params: {Token: 'Parking2023', TruckNo: licensePlate},
headers: {'content-type': 'application/json'}
};
axios.request(options)
.then(function (response) {
var data = response.data;
var result = document.getElementById("result");
result.innerHTML = "停车时间: " + data.time + "<br>停车费用: " + data.fee;
})
.catch(function (error) {
console.error(error);
});
}
</script>
</body>
</html>
```
这段代码创建了一个简单的网页,包含一个输入框和一个按钮,当点击按钮时,会调用`getParkingInfo()`函数。该函数会获取输入的车牌号,并通过Axios库发送GET请求到指定的接口。接口返回的数据会显示在页面上的`result`元素中。请注意,由于涉及到跨域请求,可能需要进行一些额外的配置。
阅读全文