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

相关推荐
oioihoii13 分钟前
C++11 Thread-Local Storage:从入门到精通
java·开发语言·c++
YuTaoShao14 分钟前
Java八股文——消息队列「场景篇」
java·面试·消息队列·八股文
YuTaoShao22 分钟前
Java八股文——Redis「淘汰删除篇」
java·开发语言·redis
FlyWIHTSKY39 分钟前
idea中push拒绝,merge,rebase的区别
java·ide·intellij-idea
唐人街都是苦瓜脸42 分钟前
Vue 3中unref的写法
前端·javascript·vue.js
Code季风44 分钟前
深入实战 —— Protobuf 的序列化与反序列化详解(Go + Java 示例)
java·后端·学习·rpc·golang·go
猫老板的豆1 小时前
react-activation 组件级缓存解决方案
javascript·react.js·缓存
Leslie_Lei1 小时前
【pdf】Java代码生成PDF
java·pdf
用户8088596179211 小时前
同花顺爱问财参数逆向-纯算法分析
javascript
markyankee1011 小时前
JavaScript 对象与面向对象编程详解
前端·javascript