http://localhost:8080/ssm/booking/list 怎么展示在前端页面上
时间: 2023-09-06 10:10:28 浏览: 54
可以通过Ajax请求从后端获取预约详情数据,并在前端页面上展示。在你提供的代码中,已经定义了一个list方法,可以通过该方法向后端发送Ajax请求获取数据,然后将数据赋值给tableData属性,在表格中展示。
具体操作如下:
1. 修改list方法,将Ajax请求修改为:
```javascript
list() {
const that = this; // 保存this指针
$.ajax({
url: "http://localhost:8080/ssm/booking/list",
type: "GET",
dataType: "json",
success: function (data) {
// 将获取的数据赋值给tableData属性
that.tableData = data;
},
error: function (error) {
console.log(error);
}
});
}
```
2. 在created钩子函数中调用list方法:
```javascript
created() {
this.list();
}
```
这样,在页面加载时就会自动调用list方法,从后端获取预约详情数据并展示在表格中。
注意,由于跨域问题,需要在后端接口中设置允许跨域访问,或者使用代理服务器进行转发。同时,在前端代码中也需要将请求地址修改为正确的地址。
相关问题
POST http://localhost:8088/plugins/ssm3.html 405 (Method Not Allowed)
这个错误信息表示在请求的URL上使用了不允许的HTTP方法。具体而言,该请求使用了POST方法,但是服务器不允许对该URL使用POST方法。可能的原因是服务器只允许使用GET方法或其他方法,而不接受POST请求。你可以尝试使用其他HTTP方法,如GET或PUT,或者检查服务器配置以确认是否允许对该URL使用POST方法。
编程题:在uniapp中,如何实现设置manifest.json文件,在H5端,可以访问后端http://localhost:9000/mvc以及http://localhost:8000/ssm服务器的接口信息。
你可以使用uni-app提供的配置文件vue.config.js,通过配置devServer.proxy实现代理解决跨域问题。在manifest.json文件中设置以下代码:
```json
{
"h5": {
"devServer": {
"proxy": {
"/mvc": {
"target": "http://localhost:9000",
"changeOrigin": true
},
"/ssm": {
"target": "http://localhost:8000",
"changeOrigin": true
}
}
}
}
}
```
这样在H5端访问"/mvc"或"/ssm"的接口时,就会自动代理到对应的后端服务器地址。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)