一、什么是微信H5支付？
微信，簡直是21世紀的社交產品之最。人們的生活已經離不開它，因為它的觸角廣泛蔓延像一張巨大無形的網，從而讓我們的生活更加便捷高效，這款社交工具我們不做過多評價，但是我們要通過它進行收款/付款，那就不得不好好了解一番了。
微信的H5支付是我們大家普遍會聽到或者接觸到的支付方式，那么問題來了什么是微信H5支付呢？這里來一個教科書式的定義吧哈哈~。
微信H5支付：
是指商戶在微信客戶端外的移動端網頁展示商品或服務，用戶在前述頁面確認使用微信支付時，商戶發起本服務呼起微信客戶端進行支付。
主要用於觸屏版的手機瀏覽器請求微信支付的場景。可以方便的從外部瀏覽器喚起微信支付。
簡單的說就是，主要應用於
移動設備中通過
瀏覽器來喚起微信支付的支付產品。
這里微信支付開發者文檔有如下詳細介紹：
二、前端處理代碼
小伙伴們看完上面的介紹想必對微信H5支付已經多多少少的明了了，其實微信H5支付前端處理起來很簡單，服務端返回的url，負責跳轉一下就ok。代碼如下：
$.ajax({
type : "get",
url : weixinPay,
async: false,
dataType:"json",
success : function(json) {
if (json.result == "ok") {
window.location.href = json.mwebUrl;
} else {
alert(json.desc);
}
},error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
});
三、注意
- 需對redirect_url進行urlencode處理
- 由於設置redirect_url后,回跳指定頁面的操作可能發生在：
- 1,微信支付中間頁調起微信收銀台后超過5秒
- 2,用戶點擊“取消支付“或支付完成后點“完成”按鈕。因此無法保證頁面回跳時，支付流程已結束，所以商戶設置的redirect_url地址不能自動執行查單操作，應讓用戶去點擊按鈕觸發查單操作。回跳頁面展示效果可參考下圖:
-
-
其它常見錯誤