@GetMapping("/endSale/{saleNo}") @ApiOperation("结束点餐") public AjaxResult endSale(@PathVariable("saleNo") String saleNo){ return AjaxResult.success(saleService.endSale(saleNo)); }点击确认下单新增订单列表,后端代码是这样,前端代码怎么写
时间: 2024-02-16 09:00:04 浏览: 66
stevenli91748#JAVA-Architecture#@GetMapping与 @PostMapping1
前端代码的实现方式要看您使用的前端技术栈和UI组件库,以下提供一种可能的实现方式,仅供参考:
1. 在页面上添加一个“确认下单”按钮,并绑定一个点击事件。
2. 在点击事件中向后端接口发送请求,传递相应的参数(如订单信息)。
3. 根据后端接口返回的结果,在页面上显示相应的提示信息,如“下单成功”或“下单失败”。
示例代码如下:
```html
<!-- 页面上添加一个“确认下单”按钮 -->
<button id="confirmOrderBtn">确认下单</button>
<!-- 在页面底部引入jQuery库 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 在页面底部添加一个JavaScript代码块 -->
<script>
// 绑定“确认下单”按钮的点击事件
$('#confirmOrderBtn').click(function() {
// 向后端接口发送请求
$.ajax({
url: '/endSale/123456', // 根据实际情况修改url
method: 'GET',
success: function(response) {
// 根据后端接口返回的结果,在页面上显示相应的提示信息
alert('下单成功');
},
error: function(jqXHR, textStatus, errorThrown) {
// 在控制台输出错误信息
console.error(textStatus, errorThrown);
// 根据后端接口返回的结果,在页面上显示相应的提示信息
alert('下单失败');
}
});
});
</script>
```
请注意,这仅是一个示例,具体实现方式要根据您的业务需求和技术栈选择进行相应的修改。
阅读全文