支付宝JSAPI和Ant UI
来源:互联网 发布:js a标签target 编辑:程序博客网 时间:2024/05/21 09:31
官方链接
<link rel="stylesheet" href="${ctx}/antui/dist/antui.min.css" /> 引入样式 样式包下载链接
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"> 页面适配手机屏幕大小
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><c:set var="ctx" value="${pageContext.request.contextPath}" /> <input type="hidden" id ="ctx" value="${ctx }"><script src="${ctx}/js/jquery-1.11.1.min.js"></script>
<%@ page pageEncoding="utf-8" trimDirectiveWhitespaces="true"%><%@include file="/tag.jsp"%><!DOCTYPE html><html lang="zh-CN"><head><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="renderer" content="webkit"><meta http-equiv="Cache-Control" content="no-siteapp" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="stylesheet" href="${ctx}/antui/dist/antui.min.css" /><script src="${ctx}/js/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){var transStatus=$("#transStatus").val();if(transStatus=='SUCCESS'){}else if(transStatus=='NOT_PROCESS'){$("#pic").attr("class",'am-icon result wait');$(".am-message-main").text("待支付");}else{$("#pic").attr("class",'am-icon result error');$(".am-message-main").text("支付失败");}});</script><title>交易详情</title></head><body><input type="hidden" id="transStatus" value="${ transInfo.trans_status}"><div class="am-message result" role="alert"> <i class="am-icon result success" aria-hidden="true" id="pic"></i> <div class="am-message-main">支付成功</div> <div class="am-message-sub"><fmt:formatDate value="${ transInfo.create_time}" pattern="yyyy-MM-dd HH:mm:ss "></fmt:formatDate></div></div><div class="am-list info"> <div class="am-list-header" id="list-header-static-1">支付详情</div> <div class="am-list-body" role="list" aria-labelledby="list-header-static-1"> <div class="am-list-item oneline" role="listitem"> <div class="am-list-content">支付金额:</div> <div class="am-list-extra">¥${ transInfo.trans_amount}</div> </div> </div></div><div class="am-list info"> <div class="am-list-item oneline" role="listitem"> <div class="am-list-content">商户手续费:</div> <div class="am-list-extra">¥${ transInfo.merchant_fee}</div> </div> </div> <div class="am-list info"> <div class="am-list-item oneline" role="listitem"> <div class="am-list-content">收款人:</div> <div class="am-list-extra">${ transInfo.merchant_name}</div> </div> </div> <div class="am-list info"> <div class="am-list-item oneline" role="listitem"> <div class="am-list-content">支付方式:</div> <div class="am-list-extra">${ transInfo.transWay}</div> </div> </div> <div class="am-list info"> <div class="am-list-item oneline" role="listitem"> <div class="am-list-content">订单号:</div> <div class="am-list-extra">${ transInfo.trans_no}</div> </div> </div></div></body></html>
阅读全文
0 0
- 支付宝JSAPI和Ant UI
- JSAPI微信支付开发流程和坑
- 微信JSAPI支付开发说明和注意事项
- 微信JSAPI支付
- 微信 jsapi 支付
- 微信支付Jsapi支付
- 微信支付JSAPI支付
- PHP实现微信支付(jsapi支付)和退款(无需集成支付SDK)
- 微支付jsapi巨坑 微支付 jsapi java
- 微信扫码支付 模式一 (JSAPI)
- 微信支付(JsApi)总结
- 微信JSAPI支付教程
- c# 微信jsapi支付
- 微信jsApi支付备忘
- thinkphp微信支付-JSAPI
- 微信JSAPI支付实现
- 微信支付V3.3.7(jsapi支付)
- JAVA版微信支付V3—JSAPI支付
- AccessibilityService
- Ajax 跨域请求简单例子
- 滤波器,滤波器的种类,作用,原理
- NP NPC
- MySQL 闪回工具之 binlog2sql
- 支付宝JSAPI和Ant UI
- mybatis 动态sql和参数
- 把一个页面中的某个值 传到另一个页面上 然后再传到后台
- 『ORACLE』RAC—控制文件多路径复制(11g)
- [leetcode]: 409. Longest Palindrome
- 百度分享js代码
- ICE深入理解
- 侦察兵(区间和)
- android开发,volley的二次封装和使用