function getPlateNumber() { const plateNumber = document.getElementById("plateNumber").value; const options = { method: "GET", url: "http://10.198.8.102:8081/TruckParkTime", params: { Token: "Parking20230103163153666", TruckNo: plateNumber }, headers: { "content-type": "application/json" }, }; axios .request(options) .then(function (response) { console.log(response.data); var data = JSON.parse(response.data); console.log(data.TruckNo); console.log(data.Intime); console.log(data.ParkTime); console.log(data.Money); showResult(data); }) .catch(function (error) { console.error(error); }); } function showResult(data) { const resultDiv = document.getElementById("result"); resultDiv.textContent = "车牌:"+ data.TruckNo + "进场时间:"+ data.Intime+", 停车时长:" + data.ParkTime+", 产生金额:" + data.Money; }哪里有问题
时间: 2024-04-25 17:25:48 浏览: 93
const-version:一个微型命令行工具,用于提取 `package.json` 版本并以 ES6 语法生成 `export const VERSION='...'` 文件
代码中存在一个问题,axios request 的 URL 是 "http://10.198.8.102:8081/TruckParkTime",但是请求的方法是 GET,根据 HTTP 规范,GET 请求的参数应该以 query string 的形式添加到 URL 后面,而不是以 JSON 对象的形式添加到 params 属性中。因此,应该将 params 属性中的内容以 query string 的形式添加到 URL 后面,例如:
```javascript
const plateNumber = document.getElementById("plateNumber").value;
const queryString = `Token=Parking20230103163153666&TruckNo=${plateNumber}`;
const url = `http://10.198.8.102:8081/TruckParkTime?${queryString}`;
const options = {
method: "GET",
url: url,
headers: { "content-type": "application/json" },
};
```
这样修改之后,就可以正确地发送 GET 请求,获取到相应的数据了。
阅读全文