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

相关推荐
是小崔啊3 分钟前
开源轮子 - EasyExcel02(深入实践)
java·开源·excel
myNameGL34 分钟前
linux安装idea
java·ide·intellij-idea
青春男大36 分钟前
java栈--数据结构
java·开发语言·数据结构·学习·eclipse
HaiFan.1 小时前
SpringBoot 事务
java·数据库·spring boot·sql·mysql
我要学编程(ಥ_ಥ)1 小时前
一文详解“二叉树中的深搜“在算法中的应用
java·数据结构·算法·leetcode·深度优先
music0ant1 小时前
Idea 添加tomcat 并发布到tomcat
java·tomcat·intellij-idea
anyup_前端梦工厂2 小时前
初始 ShellJS:一个 Node.js 命令行工具集合
前端·javascript·node.js
5hand2 小时前
Element-ui的使用教程 基于HBuilder X
前端·javascript·vue.js·elementui
计算机徐师兄2 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云2 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台