代码如下import axios from "axios"; const options = { method: 'GET', url: 'http://10.198.8.102:8081/TruckParkTime', params: {Token: 'Parking2023', TruckNo: '粤A643N0'}, headers: {'content-type': 'application/json'} }; axios.request(options).then(function (response) { console.log(response.data); }).catch(function (error) { console.error(error); });返回结果如下"{\"Code\": \"0\",\"ErrorMsg\": \"0\",\"TruckNo\": \"粤A643N0\",\"Intime\": \"2023/6/8 12:51:57\",\"ParkTime\": \"1238\",\"Money\": \"450\"}"用eclipse做一个网页,点击查询使用上面代码在页面展示停车时长,
时间: 2023-07-12 12:04:23 浏览: 117
首先,你需要在Eclipse中创建一个Web项目,然后创建一个JSP页面来展示停车时长。你可以在JSP页面中添加一个表单,使用户可以输入卡车号码并点击查询按钮进行查询。
在JSP页面中,你可以使用JavaScript来实现点击查询按钮时发送请求并展示结果。以下是一个简单的实现方式:
1. 在JSP页面中添加一个表单和一个按钮:
```
<form>
<label for="TruckNo">请输入卡车号码: </label>
<input type="text" id="TruckNo" name="TruckNo">
<br><br>
<button type="button" onclick="getParkTime()">查询</button>
</form>
```
2. 添加一个用于展示停车时长的div:
```
<div id="parkTime"></div>
```
3. 在JavaScript中添加一个函数,用于发送请求并展示结果:
```
function getParkTime() {
// 获取输入框中的卡车号码
var truckNo = document.getElementById("TruckNo").value;
// 发送请求
axios.get('http://10.198.8.102:8081/TruckParkTime', {
params: {
Token: 'Parking2023',
TruckNo: truckNo
}
})
.then(function (response) {
// 展示结果
var parkTime = response.data.ParkTime;
var parkTimeDiv = document.getElementById("parkTime");
parkTimeDiv.innerHTML = "停车时长为: " + parkTime + "分钟";
})
.catch(function (error) {
console.error(error);
});
}
```
这样,当用户点击查询按钮时,就会发送请求并展示停车时长结果。
阅读全文