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

相关推荐
草莓base7 分钟前
【手写一个spring】spring源码的简单实现--bean对象的创建
java·spring·rpc
drebander32 分钟前
使用 Java Stream 优雅实现List 转化为Map<key,Map<key,value>>
java·python·list
小镇程序员32 分钟前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
乌啼霜满天24935 分钟前
Spring 与 Spring MVC 与 Spring Boot三者之间的区别与联系
java·spring boot·spring·mvc
tangliang_cn40 分钟前
java入门 自定义springboot starter
java·开发语言·spring boot
程序猿阿伟41 分钟前
《智能指针频繁创建销毁:程序性能的“隐形杀手”》
java·开发语言·前端
疯狂的沙粒43 分钟前
对 TypeScript 中函数如何更好的理解及使用?与 JavaScript 函数有哪些区别?
前端·javascript·typescript
Grey_fantasy1 小时前
高级编程之结构化代码
java·spring boot·spring cloud
瑞雨溪1 小时前
AJAX的基本使用
前端·javascript·ajax
力透键背1 小时前
display: none和visibility: hidden的区别
开发语言·前端·javascript