pay.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>支付测试页</title>
  6. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  7. <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  8. </head>
  9. <body>
  10. <div>点击如下按钮,发起支付的测试</div>
  11. <div>
  12. <button id="wx_pub">微信公众号</button>
  13. </div>
  14. </body>
  15. <script>
  16. $(function() {
  17. // 获得 JsapiTicket
  18. $.ajax({
  19. url: "http://127.0.0.1:28080/api/wx/mp/create-jsapi-signature?url=" + document.location.href,
  20. method: 'POST',
  21. success: function( result ) {
  22. if (result.code !== 0) {
  23. alert('获取 JsapiTicket 失败,原因:' + result.msg)
  24. return;
  25. }
  26. var jsapiTicket = result.data;
  27. jsapiTicket.jsApiList = [];
  28. jsapiTicket.debug = true;
  29. // 初始化 JS
  30. wx.config(jsapiTicket);
  31. }
  32. });
  33. })
  34. $( "#wx_pub").on( "click", function() {
  35. wx.ready(function(){
  36. alert('ok');
  37. });
  38. });
  39. </script>
  40. </html>