js網頁拉起支付寶支付

時間 2020-02-16

標籤網頁拉起支付寶支付欄目 JavaScript 简体版

原文原文鏈接

js網頁喚起支付寶進行支付javascript

在作uni-app項目中,打包成 ios App的時候,爲了繞過蘋果支付的審覈,因此用的 webview 加載支付寶的網頁支付,進行付款html

具體實現流程:前端

前端經過 url 將商品單價,商品數量,商品總額等後端所須要的參數傳到咱們寫的 html支付頁面中,java

支付頁面拿到參數後再像後端發起訂單的請求,後端將訂單返回回來,咱們經過後端返回回來的訂單數據,拉起支付寶發起支付!jquery

整個過程其實不難,代碼也很簡單,詳情請看代碼......ios

 1 <!DOCTYPE html>
 2 <html lang="zh">
 3     <head>
 4         <meta charset="UTF-8">
 5         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6         <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7         <title></title>
 8     </head>
 9     <body>
10         <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
11         <script type="text/javascript">
12             function getRequest() {  
13               var url = location.search; //獲取url中"?"符後的字串  
14               var theRequest = new Object();  
15               if (url.indexOf("?") != -1) {  
16                 var str = url.substr(1);  
17                 strs = str.split("&");  
18                 for(var i = 0; i < strs.length; i ++) {
19                   theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);  
20                 }  
21               }
22               return theRequest;  
23             }
24             let parameter = getRequest()
25             $.ajax({
26                 url: 'http://server.zhongqu.net.cn/api/user/payment/v1',
27                 type: "post",
28                 headers: {
29                     'Content-Type': 'application/json;charset=utf8',
30                     'x-access-token': parameter.token
31                 },
32                 dataType: "json",
33                 data: JSON.stringify({
34                     'goodId': parameter.goodId,
35                     'fee': parameter.fee,
36                     'amount': parameter.amount,
37                     'totalFee': parameter.totalFee
38                 }),
39                 success: function(data) {
40                     let temp = document.createElement("form");
41                     temp.action = 'https://openapi.alipay.com/gateway.do?charset=utf-8'
42                     temp.method = "post";
43                     temp.style.display = "none";
44                     let params = data.data;
45                     let strs = params.split('&');
46                     for (let v of strs) {
47                         let arr = v.split('=');
48                         var opt = document.createElement("input");
49                         opt.name = arr[0];
50                         opt.value = decodeURIComponent(arr[1]);
51                         temp.appendChild(opt);
52                     }
53                     document.body.appendChild(temp);
54                     temp.submit();
55                 }
56             });
57         </script>
58     </body>
59 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。