@GetMapping("/endSale/{saleNo}") @ApiOperation("结束点餐") public AjaxResult endSale(@PathVariable("saleNo") String saleNo){ return AjaxResult.success(saleService.endSale(saleNo)); }点击确认下单新增订单列表,后端代码是这样,前端VUE调用后端接口的代码怎么写
时间: 2024-02-16 14:00:06 浏览: 93
毕设后台前端VUE代码
在Vue中,可以使用Vue Resource或者Axios库向后端接口发送请求。以下提供一种可能的实现方式,仅供参考:
1. 在Vue组件中引入Vue Resource或Axios库。
2. 在Vue组件中调用后端接口,传递相应的参数(如订单信息)。
3. 根据后端接口返回的结果,在页面上显示相应的提示信息,如“下单成功”或“下单失败”。
示例代码如下:
```html
<template>
<div>
<button @click="endSale">确认下单</button>
</div>
</template>
<script>
import axios from 'axios';
export default {
methods: {
endSale() {
axios
.get('/endSale/123456') // 根据实际情况修改url和请求方法
.then(response => {
// 根据后端接口返回的结果,在页面上显示相应的提示信息
alert('下单成功');
})
.catch(error => {
// 在控制台输出错误信息
console.error(error);
// 根据后端接口返回的结果,在页面上显示相应的提示信息
alert('下单失败');
});
}
}
};
</script>
```
请注意,这仅是一个示例,具体实现方式要根据您的业务需求和技术栈选择进行相应的修改。
阅读全文