页面即时更新金额功能的实现

迈不过友情╰ 2022-10-01 00:53 144阅读 0赞

**一．Jsp页面设置：**

在car.jsp页面上定义function changeNum(id,obj)函数，里面传入链接到ChangeCarServlet来实现页面及时刷新的效果；代码如下：

在head标签内创建：

**function** changeNum(id,obj)

\{

window.location.href="$\{pageContext.request.contextPath\}/ChangeCarServlet?id="\+id+"&buynum="\+obj.value;

\}

在jsp页面中创建输入框，里面可以输入值，当输入的时候，利用商品的id调用商品对象，最后返回价格，能够及时更新；

<td><input type=*"text"*value=*"*$\{entry.value\}*"*  onchange=*"changeNum('*$\{entry.key.id\}*',this)"*></td>

**二．Servlet操作：**

**        ** 因为购物车涉及到商品的相关操作，所以会调用ProdService的相关方法，先实例化ProdService，利用商品的id获取商品对象，将商品对象放置到购物车中，将商品对象和购买数量放置到carMap中，当操作完成后，将页面进行重定向（因为不涉及到返回结果，所以需要将重定向（car是放入到session中，如果会话结束，car可能就没有了，所以使用重定向））；

//获取service对象

ProdServiceservice=BasicFactory.getFactory().getInstance(“ProdService”);

//获取传入的id

String id=request.getParameter(“id”);

//通过id获取商品对象

Prod prod=( Prod)Service.findProdById(Integer.valueOf(id));

//将商品对象放到car中,购物车是放在session中，所以调用session

Car<Prod>car=request.getSession().getAttribute(“car”);

//利用购物车更新商品和购买数量

Car.update(prod,Integer.valueOf(“buynum”))；

//重定向

Reponse.sendRedirect(request.getContextPath()+”/car.jsp”);

**三．Service相关操作：**

@Override

**public** ProdfindProdById(Integer id) \{

// **TODO** Auto-generated method stub

**return**dao.findProdById(id);

\}

**四．Dao相关操作：**

@Override

**public** ProdfindProdById(Integer id) \{

//定义sql语句

Stringsql = "select \* from products where id=?";

//因为不涉及到事务操作，所以使用（DaoUtils.getSource()）

QueryRunnerrunner = **new**QueryRunner(DaoUtils.*getSource*());

**try** \{

//将执行sql语句返回的对象，利用表单的形式返回成Prod对象；

Prodprod=runner.query(sql, **new**BeanHandler<Prod>(Prod.**class**),id);

**return**prod;

\}**catch** (SQLException e) \{

// **TODO** Auto-generated catch block

e.printStackTrace();

**thrownew** RuntimeException(e);

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 electron-vue实现自动更新功能

electron-vue项目很多时候需要自动更新的功能，避免每次发版都要单独发安装包的尴尬，下面介绍一下如何利用electron-updater来实现自动更新一、首先是安

左手的ㄟ右手/ 2022年12月08日 13:00/ 0 赞/ 1213 阅读

相关页面即时更新金额功能的实现

一．Jsp页面设置：在car.jsp页面上定义function changeNum(id,obj)函数，里面传入链接到ChangeCarServlet来实现页面及时刷新的效

迈不过友情╰/ 2022年10月01日 00:53/ 0 赞/ 145 阅读

相关 Android应用自动更新功能的实现！！！

大家好，发现半年没有更新博客了，最近一直都比较忙，决定在凌晨英超阿森纳VS富勒姆中场休息的时候，给大家分享Android里应用版本更新功能这一块的实现。一个好的应用软

比眉伴天荒/ 2022年06月17日 02:18/ 0 赞/ 272 阅读

相关 Android 软件自动更新功能的实现

原文地址：[http://blog.csdn.net/android\_tutor/article/details/7015986][http_blog.csdn.net_an

不念不忘少年蓝@/ 2022年06月13日 01:51/ 0 赞/ 243 阅读

相关 websocket+node实现一个最简单的即时通信功能

http与websocket区别： http协议请求只能由客户端向服务端发起请求才能获取最新的状态，因此为了保持最新状态，客户端需要不间断的定期请求服务器，即所谓的“轮询”，

拼搏现实的明天。/ 2022年05月24日 06:11/ 0 赞/ 222 阅读

相关 JQuery实现返回页面功能

写在正文之前的话：通常项目页面内容比较多的话，当用户拖动滚动条连续浏览后，想返回页面顶部，这时候一键返回功能就显得格外方便。效果图： ![20190122164738

浅浅的花香味﹌/ 2022年03月24日 18:44/ 0 赞/ 527 阅读

相关 JAVA + VUE实现支付宝即时到账功能（电脑网站支付）功能

JAVA 实现支付宝即时到账功能（电脑网站支付）功能官方文档链接：[https://docs.open.alipay.com/62/104743/][https_doc

一时失言乱红尘/ 2022年03月22日 02:26/ 0 赞/ 362 阅读

相关 Vue+iview---计算总金额功能的实现

背景订餐系统前端使用的是vue框架，基于iview组件，因为是订单系统，计算总金额是一个不可缺少的功能。方法介绍 1.显示效果总金额是由表格

╰+攻爆jí腚メ/ 2022年03月06日 11:18/ 0 赞/ 509 阅读

相关 Android WebSocket实现即时通讯功能

最近做这个功能，分享一下。即时通讯（Instant Messaging）最重要的毫无疑问就是即时，不能有明显的延迟，要实现IM的功能其实并不难，目前有很多第三方，比如极光的JM

比眉伴天荒/ 2022年02月26日 06:56/ 0 赞/ 465 阅读

相关页面上表格金额统计汇总

![70][] 页面结构：  <div id="div-checkout-id" class="row cl">

拼搏现实的明天。/ 2021年09月27日 11:16/ 0 赞/ 281 阅读