黑马程序员技术交流社区

标题: 【郑州校区】Java之品优购课程讲义_day18（8） [打印本页]

---

作者: 谷粒姐姐    时间: 2018-10-31 14:31
标题: 【郑州校区】Java之品优购课程讲义_day18（8）
支付成功页面显示金额
4.5.1 问题分析
现在我们支付成功页面显示的是固定的值，怎么显示真正的支付金额呢？我们这里可以 使用 angularJS 的页面传参来解决。
4.5.2 代码完善
（1）修改 payController.js  跳转页面传参

[AppleScript] 纯文本查看 复制代码

//查询支付状态  

 queryPayStatus=function(out_trade_no){ 

  payService.queryPayStatus(out_trade_no).success( 

   function(response){ 

    if(response.success){ 

     location.href="paysuccess.html#?money="+$scope.money; 

    }else{ 

     if(response.message=='二维码超时'){ 

      $scope.createNative();//重新生成二维码      

     }else{ 

location.href="payfail.html"; 

     }      

    }     

   } 

  ); 

 } 

（2）在 payController.js 中引入$location 服务 ，新增方法

[AppleScript] 纯文本查看 复制代码

//获取金额 

 $scope.getMoney=function(){ 

  return $location.search()['money']; 

 } 

（3）修改页面 paysuccess.html ，引入 JS (与 pay.html 相同) ，body 添加指令

[AppleScript] 纯文本查看 复制代码

 ng-app="pinyougou" ng-controller="payController" 

用表达式显示金额

[AppleScript] 纯文本查看 复制代码

<p>支付金额：￥{{getMoney()}}元</p> 

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2