2. 程式人生 > >vue.js中微信公眾號中支付寶支付失敗bug解決辦法

vue.js中微信公眾號中支付寶支付失敗bug解決辦法

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

微信公眾號中呼叫支付寶支付需要在瀏覽器中開啟支付連結然後呼叫支付才可以。

具體方法：

1、檔案

 

2、

 

我們使用的是post方法提交。

下面是在vue.js中使用的方法總結

1、建立alipay頁面路由，調起瀏覽器支付提示頁面。（樣式太多，省略）

<template>  <div>    <div class="J-weixin-tip weixin-tip" ref="myWeixinTip">      <div class="weixin-tip-content" ref="myWeixinTipContent">請在選單中選擇在瀏覽器中開啟,<

br/>以完成支付</div>    </div>    <div class="J-weixin-tip-img weixin-tip-img"></div>  </div></template><script>export default {data() {return {      }    },mounted() {if (location.hash.indexOf('error') != -1) {alert('引數錯誤，請檢查');} else {var ua = navigator.userAgent.
toLowerCase();let tip = this.$refs.myWeixinTip;let tipImg = this.$refs.myWeixinTipContent;if (ua.indexOf('micromessenger') != -1) {tip.style.display = 'block';tipImg.style.display = 'block';if (ua.indexOf('iphone') != -1 || ua.indexOf('ipad') != -1 || ua.indexOf('ipod') != -1) {tipImg.className = 'J-weixin-tip-img weixin-tip-img iphone'
;} else {tipImg.className = 'J-weixin-tip-img weixin-tip-img android';}        } else {var getQueryString = function (url, name) {var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");if (reg.test(url)) return RegExp.$2.replace(/\+/g, " ");};var param = getQueryString(location.href, 'goto') || '';location.href = param != '' ? _AP.decode(param) : 'pay.htm#error';}      }    },}

2、頁面確認支付獲取支付表單。

3、

if(self.payWay == "AliPay"){                        //支付寶支付const div = document.createElement('div');div.innerHTML = response.data.data;document.body.appendChild(div);//document.forms[0].alipaysubmit.submit();  // document.forms[0].submit();var queryParam = '';Array.prototype.slice.call(document.querySelectorAll("input[type=hidden]"))    .forEach(function(ele) {queryParam += ele.name+ "="+ encodeURIComponent(ele.value)+ '&';});var url = document.getElementsByName("punchout_form")[0].action+ '&' + queryParam;_AP.pay(url);

Response.data.data為後臺獲取的form表單html。

相關推薦

vue.js中微信公眾號中支付寶支付失敗bug解決辦法

微信公眾號中呼叫支付寶支付需要在瀏覽器中開啟支付連結然後呼叫支付才可以。具體方法：1、檔案 2、 我們使用的是post方法提交。下面是在vue.js中使用的方法總結1、建立alipay頁面路由，調起瀏覽器支付提示頁面。（樣式太多，省略）<template>  &l

vue 微信公眾號中如何調取微信JSSDK 和微信支付

   閒來無事，抽個瘋來寫寫部落格   。    寶劍尚未配好，出門已是江湖。對於擼VUE 我是認真的~  從啥也不懂到專案完成，也是花了不少時間啦。  說說我用到的技術棧吧 * vue-cli 官方腳手架模板。 * vue-router 前端路由 （採取的是hash模

如何將監控畫面實時嵌入到微信公眾號中進行直播

微信直播 流媒體系統 大眾直播時代，處處有直播。 直播似乎在各個方面改變著人們的生活和工作。 直播功能配合微信自媒體輸出內容已經成為一種運營模式。 通過使用直播系統軟件可以把視頻嵌入到網站或者微信公眾號中，讓微信公眾號和網站內容更加豐富。從而實現生態農業養殖、商鋪環境可視化營銷、幼

微信公眾號中添加外部鏈接地址的圖文教程

微信後臺 clas con ack 登陸 消息 後臺管理 www. 圖文 2017-9-18，長沙，有點悶，有點熱。 本教程教大家如何在微信公眾號中，添加外部的鏈接，網絡有很多教程，但由於表述不太清楚，出個教程吧。最終實現在微信後臺管理平臺“原文鏈接”處插入外部鏈接，用

微信公眾號中跳轉到小程序中，通過api

log ini post 推送 打開 key 配置 media 二級菜單 參數是否必須說明button是一級菜單數組，個數應為1~3個sub_button否二級菜單數組，個數應為1~5個type是菜單的響應動作類型，view表示網頁類型，click表示點擊類型，mini

nodejs中微信公眾號開發-介面配置和簽名驗證

意外金喜的部落格 : http://blog.csdn.net/zzwwjjdj1 -- 建立專案 nodejs微信開發,本文介紹的是在express中使用 express命令列建立專案 :點選這裡, 建立專案 : weixin_ex

小白如何開通微信公眾號中的訂閱號（服務號）以及認證賬號

升級 行政 的區別 不能 運營 get 正常 一個 方式 搞清楚微信公眾訂閱號、服務號的區別 首先要告訴大家的是，定位和用途的不同是區別的本質。微信公眾平臺是個平臺，提供給運營者，而運營者通過這樣一個平臺大家微信公眾號為微信用戶提供資訊和服務。看到了麽，咨詢和服務。微信公眾

python-post-json 中文問題---微信公眾號中遇到的問題

轉載自http://my.oschina.net/yangyanxing/blog/159211 import urllib2 02 import json 03 04 html = urllib2.urlopen(r'http://api.do

nodejs中微信公眾號開發-access_token獲取與儲存

var utils = {}; var sha1 = require('sha1'); var request = require('request'); var redis = require("redis"); var client = redis.createClient(); clien

微信公眾號中url傳遞引數到第三方的網頁

轉自：https://blog.csdn.net/xiejunna/article/details/74076556在微信公眾號開發中，有這麼一個場景，點選模板訊息中詳情url進入到第三方的介面的問題，不知道別的大神是怎麼做的，我第一種方法是，老老實實的按照官方文件去做。方法1：通過網頁授權，獲取到code，

PHP開發之微信公眾號中進行支付寶支付

想必很多人都有過要在微信公眾號中進行支付寶支付的經歷，但是微信又遮蔽了阿里系所有的東西，網上百度了很多，都沒有完整的解決方案，可謂萬坑叢中過啊。剛剛踩完坑的袁小威就迫不及待的分享給大家咯。 切入正題，其實支付寶官方就微信公眾號中使用支付寶支付是

vue腳手架，微信公眾號授權（微信網頁授權）

如果使用者在微信客戶端中訪問第三方網頁，公眾號可以通過微信網頁授權機制，來獲取使用者基本資訊，進而實現業務邏輯。 首先我做了一個H5小專案，然後申請公眾號，然後在【自定義選單】中輸入想填寫的，公眾號選單名稱，以及頁面地址： 然後，我們在我們的前端頁面寫呼叫伺服器介面，得到授權。當然

【Node.js+Express微信公眾號開發】第一步：服務搭建及微信接入

一、前言 此前微信開發，都比較依賴後端。然而有時候後端小夥伴特別忙，最近又學習了一下node的基礎知識，索性就想著自己用node整一遍。 本教程環境為linux系統centOs7系統 二、準備工作 1. 伺服器 伺服器我使用的是搬瓦工的，目前19.9美元那款，網上有

【Node.js+Express微信公眾號開發】第二步：編寫獲取access_token介面

一、構建一個介面 從上一篇文章中，仔細觀察一下目錄結構，不難發現，routes路由這塊，就是我們放node服務定義放置路由的目錄，原本生成了一個users檔案，暫時用處不大，我們便可以直接更改這個路由。如圖，分別更改一個getAccessToken.js。 然後我

vue專案使用微信公眾號支付總結

微信公眾號支付 1. 使用jssdk呼叫微信支付，具體檢視開發文件； 使用的vuex，在mutations中 wechatPay (state, data) { state.payObject = data console.log('微信支付開始請求')

vue開發專案微信公眾號授權支付開發

router.beforeEach((to, from, next) => {  /**   * 檢測當前是否需要登入驗證   * 1. 確定當前頁面是否需要登入   */  if (!__getItem('isOauth')) {    // 微信授權    if (!getUrlKey('code'

微信公眾號開發80端口映射解決方案

解決方案 微信開發 80端口映射 說明最近公司要搞微信公眾號開發，需要解決80端口映射的問題，看了網上好多老司機的方法，最終選擇ngrok比較符合公司的情況。微信公眾平臺開發，可參考：https://mp.weixin.qq.com/wiki 。微信公眾號接口只支持80接口。測試環境: wind

ios系統web（微信公眾號）開發遇到的問題及解決方案

編輯 doc pretty ram body abs 系統 stc 大神 1.1. 頁面滾動不流暢（2017-09-25） 現象： 網頁豎向滾動或橫向滾動不流暢。 解決方案： 為滾動元素添加css樣式： -webkit-overflow-scrolling: tou

淘寶內部優惠券是真的嗎，優惠券免費代理平臺哪個好，微信公眾號領取淘寶優惠券

淘寶內部優惠券是真的嗎 小女子是80後的寶媽一枚，每天在家帶娃，娃睡覺的時候，我就可以歇會了，就捧著手機到淘寶上逛逛，買喜歡的衣服或家裡需要的東西，沒想到，前幾天卻遇到了個騙子，哭都來不及了~~ 我已經淘寶10年了，快4鑽了，自認為是一個非常精明，貨比三家的“師奶”了，買東西都是這家比比

在電腦版使用微信公眾號或wap版掃碼登陸解決方案

介紹： 在微信端或手機瀏覽器端，使用微信或手機的登陸狀態，掃碼登陸電腦版。 實現： 1、電腦端登陸頁面顯示二維碼，二維碼內容為以當前時間的加密token作為引數的URL，並把這串加密token儲存到資料庫。 2、在手機端掃碼後進入頁面拉取手機端的登陸狀態資訊，並綁定當前token儲存