mui掉支付寶客戶端

阿新 • • 發佈：2019-02-17

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>支付方式</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/basslid.js"></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/cookie.js?v=201607213041211" ></script>
<script type="text/javascript" src="js/immersed.js"></script>

<link rel="stylesheet" href="css/mui.min.css">


</head>
<body>
<header class="mui-bar mui-bar-nav">

<a class="back" href="javascript:history.back()">
<img src="images/re.png" style="cursor:pointer;width:12px;height:15px;position:absolute;top:13px;left:10px;">
</a>

<h1 class="mui-title">支付方式</h1>
</header>
<ul class="mui-table-view mui-table-view-chevron" style="margin-top: 60px;">

<li id="lalipay" class="mui-table-view-cell mui-media" onclick="uporder('alipay')">
<a class='mui-navigate-right' href="javascript:;">
<img class="mui-media-object mui-pull-left" src="images/zfb.png">
<div class="mui-media-body" style="line-height:42px;">
支付寶支付<span id="spp" style="color:blue;"></span>
</div>
</a>
</li>
</ul>
<a id="op"></a>
<script src="js/mui.min.js"></script>
<script>
/*var lwxpay = document.getElementById('lwxpay');
lwxpay.addEventListener('tap', function() {
plus.nativeUI.alert("暫不支援！");console.log(plus);
//uporder("wxpay");
});*/

var lalipay = document.getElementById('lalipay');
lalipay .addEventListener('tap', function() {
//alert("選擇支付寶p");
uporder("alipay");
});
var pays = {};

function plusReady() {
// 獲取支付通道
plus.payment.getChannels(function(channels) {
for (var i in channels) {
var channel = channels[i];
if (channel.id == 'qhpay' || channel.id == 'qihoo') { // 過濾掉不支援的支付通道：暫不支援360相關支付
continue;
}
pays[channel.id] = channel;
checkServices(channel);}
}, function(e) {
//alert("獲取支付通道失敗：" + e.message);
});
}
document.addEventListener('plusready', plusReady, false);

// 檢測是否安裝支付服務
function checkServices(pc) {
if (!pc.serviceReady) {
var txt = null;
switch (pc.id) {
case "alipay":
txt = "檢測到系統未安裝“支付寶快捷支付服務”，無法完成支付操作，是否立即安裝？";
break;
default:
//txt = "系統未安裝“" + pc.description + "”服務，無法完成支付，是否立即安裝？";
break;
}
plus.nativeUI.confirm(txt, function(e) {
if (e.index == 0) {
pc.installService();
}
}, pc.description);
}
}
var w = null;

function uporder(_paymode) {
//if (w) {
//return;
//} //檢查是否請求訂單中
//alert("開始獲取值");
var _userid=getCookie("uid");
var _usertoken=getCookie("token");
var args = GetUrlParms();
var _targetuid=args["TargetUid"];
var _pid=args["pid"];
var _hour=args["h"];
var _coupon=args["coupon"];
//alert("uid="+_userid+"&token="+_usertoken+"&rtype=c&func=rentInPeople&targetUid="+_targetuid+"&hours="+_hour+"&scope="+_pid+"&coupon="+_coupon+"");
if (_paymode == "alipay") {
var PAYSERVER = "http://aiyouzuwo.com/m_klzw/android/json-gateway.php?uid="+_userid+"&token="+_usertoken+"&rtype=c&func=rentInPeople&targetUid="+_targetuid+"&hours="+_hour+"&scope="+_pid+"&coupon="+_coupon+"";
//alert(PAYSERVER);console.log(PAYSERVER);$("#op").html(PAYSERVER ).attr("href",PAYSERVER );
if (w) {
return;
} //檢查是否請求訂單中
var url = PAYSERVER;
var appid = plus.runtime.appid;
if (navigator.userAgent.indexOf('StreamApp') >= 0) {
appid = 'Stream';
}
w = plus.nativeUI.showWaiting();
// 請求支付訂單
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
switch (xhr.readyState) {
case 4:
w.close();
w = null;
if (xhr.status == 200) {
var json= JSON.parse(xhr.responseText);
var order=null;
if(json.type==101){alert(json.mess);retrun;}
else if(json.type==200){alert('請重新登入');window.location="login.php";retrun;}
else if(json.type==100) order =json.out_trade_no;
plus.payment.request(pays[_paymode], order, function(result) {
plus.nativeUI.alert("支付成功", function() {
$("#spp").text("(支付成功)");
back();
}, "支付通知");
}, function(e) {
//alert("[" + e.code + "]：" + e.message);

if(e.code==-100)
{
//alert("使用者取消支付" , null, "支付通知");
//plus.nativeUI.alert("親要取消支付了麼T_T" , null, "支付通知");
}else
{
//alert("支付失敗：" + e.code, null, "支付通知");
plus.nativeUI.alert("支付失敗：" + e.code, null, "支付通知");
}
});
} else {
//alert("獲取訂單資訊失敗！", null, "支付通知");
plus.nativeUI.alert("獲取訂單資訊失敗！", null, "支付通知");
}
break;
default:
break;
}
}
xhr.open('GET', url);
//alert("請求支付訂單：" + url );
xhr.send();
}
}

//擷取字串
function GetUrlParms() {
var args = new Object();
var query = location.search.substring(1); //獲取查詢串
var pairs = query.split("&"); //在逗號處斷開
for (var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('='); //查詢name=value
if (pos == -1) continue; //如果沒有找到就跳過
var argname = pairs[i].substring(0, pos); //提取name
var value = pairs[i].substring(pos + 1); //提取value
args[argname] = unescape(value); //存為屬性
}
return args;
}
</script>
</body>

</html>

--------------------------------------引數樣式----------------------------------------------

body="f'f'f'f'f[xxxx]"&_input_charset="utf-8"&it_b_pay="30m"&notify_url="http://ip/m_klzw/android/pay_alipay_notify/notify_url_dingjin.php"&out_trade_no="181611070938515391"&partner="2088121768458154"&payment_type="1"&seller_id="

[email protected]"&service="mobile.securitypay.pay"&subject="向xxx平臺付款"&success="true"&total_fee="7"&sign="mRZKE8nb1oHQYMBpoDfaZ3XJHxDIGkD%2Fm8M8bu1QfDxvM2acOp84FbL%2BXotaymnDJkOvNJfkN8U6lduYLOxp6s9%2BxpNDwH5TY3B2UGjVHr%2FUq%2BqN8L5ETIi%2BAwefRuWRbzolkn%2Fhgk9MKecGMt4RqtZdm1NzD%2BY4cVr80432UHA%3D"&sign_type="RSA"

mui掉支付寶客戶端

mui掉支付寶客戶端

支付寶客戶端架構解析：iOS 容器化框架初探

支付寶客戶端架構解析：Android 客戶端啟動速度優化之「垃圾回收」

支付寶客戶端架構解析：iOS 客戶端啟動效能優化初探

支付寶客戶端架構分析：自動化日誌收集及分析

如何在自己的應用中開啟支付寶客戶端

iOS支付功能篇：原生WebView調起支付寶客戶端支付方案

支付寶客戶端架構解析：Android 容器化框架初探

webApp 使用mui 仿支付寶主頁面案例

支付寶移動端動態化方案實踐

支付寶PC端二維碼支付（沙箱環境）

支付寶PC端網頁支付相關研究

銀聯手機支付手機客戶端有幾個

Asp.Net開通支付寶移動端網頁支付

安卓通過連結開啟淘寶客戶端

React Native (IOS和Android) 支付寶和微信支付整合實戰（支付寶服務端篇）

多多客微信百度支付寶三端合一小程序平臺正式上線，集齊BAT，開啟新篇章！

H5集成支付寶App支付客戶端+服務端（java）

APP支付（支付寶和微信生成客戶端簽名及回撥驗籤）

支付寶 rsa 簽名-客戶端支付

mui掉支付寶客戶端

相關推薦