A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

支付成功页面显示金额
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> 


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马