实习知识整理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. 确认订单页面使用数据

相关推荐
lemon_sjdk3 分钟前
从 ServletRequest 到 Spring 抽象:Web 请求的底层基石与演化
java·前端·spring
唐青枫19 分钟前
Java Reactor Netty 实战详解:从响应式 HTTP 到 TCP 长连接
java·netty
张元清30 分钟前
React useUpdateEffect Hook:跳过首次渲染(2026)
javascript·react.js
SamDeepThinking1 小时前
现场重构一段代码,展示什么叫「好代码,都在表达自己的意图」
java·后端·程序员
小园子的小菜1 小时前
Java 并发四大工具类深度解析:CountDownLatch、CyclicBarrier、Semaphore、Exchanger 原理、源码与面试考点
java·开发语言·面试
搭贝低代码1 小时前
设备管理系统迁移改造:从手工台账到二维码数字化的实践路径
java·低代码·搭贝
名字还没想好☜1 小时前
React createPortal 实战:模态框逃出 overflow:hidden、事件冒泡与焦点管理
前端·javascript·react.js·ecmascript·react·createportal
前端双越老师1 小时前
Nest.js 和 Spring Boot 为何如此像?写给前端转 Java 的同学
java·spring boot·全栈
JL151 小时前
Java+Go 混合架构怎么搭?收官 50 道面试题 + 学习路线
java·架构·golang
Tattoo_Welkin1 小时前
IDEA 中常用操作记载
java·elasticsearch·intellij-idea