实习知识整理9: 点击直接购买按钮后,跳转到确认订单页面

1. 为按钮绑定事件

html 复制代码
<button id="addCartButton">加入购物车</button><br/>
javascript 复制代码
     $("#buyButton").click(function () {
           if ('' !== loginUser) {
               // 如何将商品信息传递到后台,后台能够将内容在新的订单页面显示
               $("#buyItemForm").submit()  // 在用户已登录的情况下才能提交表单
           } else {
               window.location.href = "http://localhost:8082/project/login"  // 未登录跳转到登录界面
           }
     });

上述点击按钮后就是将表单中的信息传递到后台,然后后台返回到新页面中

2. 后端 接收到信息并将信息返回到新的页面中

java 复制代码
@Controller
@RequestMapping("/order")
public class OrderController {

    @RequestMapping("/toConfirmOrder")
    public ModelAndView toConfirmOrder(ModelAndView mav, HttpSession session, Item item, Integer buyCount) throws Exception{
        // 需要将对应的信息放入到confirmOrder 页面中
        mav.addObject("item", item);
        mav.addObject("buyCount", buyCount);
        mav.setViewName("confirmOrder");
        return mav;
}

3. 确认订单页面使用数据

相关推荐
Mem0rin2 分钟前
[Java/数据结构]PriorityQueue
java·数据结构
阿拉斯攀登3 分钟前
20 个 Android JNI + CMake 生产级示例
android·java·开发语言·人工智能·机器学习·无人售货柜
qq_12084093718 分钟前
Three.js 模型加载与线上稳定性实战:路径、跨域、缓存与降级全链路指南
开发语言·javascript·缓存·vue3
小江的记录本10 分钟前
【 AI工程化】AI工程化:MLOps、大模型全生命周期管理、大模型安全(幻觉、Prompt注入、数据泄露、合规)
java·人工智能·后端·python·机器学习·ai·架构
我登哥MVP12 分钟前
【SpringMVC笔记】 - 5 - View
java·spring boot·spring·servlet·tomcat·maven·intellij-idea
毅炼15 分钟前
MyBatis 常见问题总结
java·数据库·sql·mybatis
qq_120840937117 分钟前
Vue3 + Three.js 实战入门:从零搭建可交互3D场景(含模型加载与性能优化)
javascript·3d·vue3·交互
清心歌17 分钟前
LinkedList 深入解析
java
1314lay_100717 分钟前
axios的Post方法和Delete方法的参数个数和位置不同,导致415错误
前端·javascript·vue.js·elementui
鱼鳞_20 分钟前
Java学习笔记_Day32(IO流字符集字符流)
java·笔记·学习