问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
&div class="wxapi_container"&
&h3 id="menu-pay"&微信支付接口&/h3&
&span class="desc"&发起一个微信支付请求&/span&
&button class="btn btn_primary" id="chooseWXPay"&chooseWXPay&/button&
&script src="./js/jweixin-1.0.0.js"&&/script&
wx.config({
debug: true,
appId: 'wxc864d4ebc9f8b76c',
timestamp: ,
nonceStr: '8det8HQ8Q8DU9JZU',
signature: 'e8fa333e849db46f24fb409fcd862fb45d11666c',
jsApiList: [
'checkJsApi',
'playVoice',
'pauseVoice',
'stopVoice',
'uploadVoice',
'downloadVoice',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage',
'getNetworkType',
'openLocation',
'getLocation',
'hideOptionMenu',
'showOptionMenu',
'closeWindow',
'scanQRCode',
'chooseWXPay',
'openCard'
wx.ready(function () {
// 10 微信支付接口
// 10.1 发起一个支付请求
document.querySelector('#chooseWXPay').onclick = function () {
wx.chooseWXPay({
timestamp: ,
nonceStr: 'noncestr',
package: 'addition=action_id%3dgaby1234%26limit_pay%3d&bank_type=WX&body=innertest&fee_type=1&input_charset=GBK&notify_url=http%3A%2F%2F120.204.206.246%2Fcgi-bin%2Fmmsupport-bin%2Fnotifypay&out_trade_no=8375338&partner=&spbill_create_ip=127.0.0.1&total_fee=1&sign=432B647FE95C7BF73BCD177CEECBEF8D',
signType: 'SHA1',
paySign: 'bd5b1933cda6e6a9b52e8c9a2b69'
wx.error(function (res) {
alert(res.errMsg);
按照官方的列子 做一个 微信支付的，
弹出 ErrorMsg choosewxpay:fail
有详细的前端微信支付的demo吗
直接前端做一个支付 是可以的吧
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
要 DEMO 是吧？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
第一步：对参数按照key=value的格式，并按照参数名ASCII字典序排序如下：
stringA="appid=wxd930ea5d5a258f4f&body=test&device_info=1000&mch_id=&nonce_str=ibuaiVcKdpRxkhJA";
第二步：拼接API密钥：
stringSignTemp="stringA&key=c09247ec02edce69f6a2d"
sign=MD5(stringSignTemp).toUpperCase()="9A0AA9CF3B7"
亲~~注意第二步要把key拼上哦
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：js微信支付实现代码
作者：奇葩葩葩
字体：[ ] 类型：转载 时间：
这篇文章主要为大家详细介绍了javascript微信支付的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js微信支付的具体代码，供大家参考，具体内容如下
&!doctype html&
&html lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"&
&meta name="apple-mobile-web-app-capable" content="yes" /&
&meta name="apple-mobile-web-app-status-bar-style" content="black" /&
&meta name="format-detection" content="telephone=no" /&
&title&微信支付&/title&
&script type="text/javascript" src="/js/jquery.min.js"&&/script&
&script type="text/javascript" src="http://res./open/js/jweixin-1.0.0.js"&&/script&
//调用微信JS api 支付
function jsApiCall()
WeixinJSBridge.invoke(
"getBrandWCPayRequest",
//下面是支付完成后的回调，可以直接提示成功
function(res) {
if(res.err_msg == "get_brand_wcpay_request:ok") {
location.href = "{$success_url}";
}else if(res.err_msg == "get_brand_wcpay_request:cancel"){
history.back();
location.href = "{$fail_url}";
alert("weixin return:" + JSON.stringify(res));
alert(res.err_msg+" 参数有误,请返回!");
history.back();
location.href = "{$fail_url}";
function callpay()
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', jsApiCall);
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
jsApiCall();
callpay();
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具微信支付开发(3) JS API支付
微信JS API只能在微信内置浏览器中使用，其他浏览器挪用无效。微信提供getBrandWCPayRequest接供词商户前端网页挪用，挪用之前微信会鉴定商户支付权限，若商户具有调起支付的权限，则
微信JS API只能在微信内置浏览器中使用，其他浏览器挪用无效。微信提供getBrandWCPayRequest接供词商户前端网页挪用，挪用之前微信会鉴定商户权限，若商户具有调起的权限，则将开始支付流程。这里主要介绍支付前的接口挪用规则，支付状态消息关照机制请参加下文。接口必要注意：所有传入参数都是字符串类型！
getBrandWCPayRequest参数如表6-5所示。
字符串类型
商户注册具有支付权限的"大众号胜利后即可得到；
字符串类型，32个字节以下
商户生成，从日00:00:00至今的秒数，即当前的光阴，且最终必要转换为字符串形式；
随机字符串
字符串类型，32个字节以下
商户生成的随机字符串；
订单详情扩展字符串
字符串类型，4096个字节以下
商户将订单信息构成该字符串，具体构成规划拜见接口使用阐明中package组包帮劣；由商户依照规范拼接后传入；
字符串类型，参数取值"SHA1"
依照文档中所示填入，目前仅支持SHA1；
字符串类型
商户将接口列表中的参数依照指定方法迚行签名，签名方法使用signType中标示的签名方法，具体签名规划拜见接口使用阐明中签名帮劣；由商户依照规范签名后传入；
表6-5 getBrandWCPayRequest参数
getBrandWCPayRequest返回值如表6-6所示。
get_brand_wcpay_request:ok& 支付胜利
get_brand_wcpay_request:cancel 支付进程中用户撤消
get_brand_wcpay_request:fail 支付失败
表6-6 getBrandWCPayRequest返回值
JS API的返回成果 get_brand_wcpay_request:ok 仅在用户胜利完成支付时返回。由于前端交互繁杂，get_brand_wcpay_request:cancel
get_brand_wcpay_request:fail 可以统一处置惩罚为用户遇履新错或者主动放弃，不必细化区分。
二、JS API支付实现
下面代码是微信官方提供的JS API支付demo
2 include_once("WxPayHelper.php");
5 $commonUtil = new CommonUtil();
6 $wxPayHelper = new WxPayHelper();
9 $wxPayHelper-&setParameter("bank_type", "WX");
10 $wxPayHelper-&setParameter("body", "test");
11 $wxPayHelper-&setParameter("partner", "");
12 $wxPayHelper-&setParameter("out_trade_no", $commonUtil-&create_noncestr());
13 $wxPayHelper-&setParameter("total_fee", "1");
14 $wxPayHelper-&setParameter("fee_type", "1");
15 $wxPayHelper-&setParameter("notify_url", "htttp://");
16 $wxPayHelper-&setParameter("spbill_create_ip", "127.0.0.1");
17 $wxPayHelper-&setParameter("input_charset", "GBK");
22 &script language="javascript"&
23 function callpay()
WeixinJSBridge.invoke('getBrandWCPayRequest',&?php echo $wxPayHelper-&create_biz_package(); ?&,function(res){
WeixinJSBridge.log(res.err_msg);
alert(res.err_code+res.err_desc+res.err_msg);
30 &/script&
32 &button type="button"&wx pay test&/button&
33 &/body&
34 &/html&
(责任编辑：宜查资讯网)
------分隔线----------------------------
长久以来微软想要向中国政府部门和国有企业部署Windows 10操作系...
日,在距离315国际花费者权益掩护日不到一周的症结节点...
投资风向标 5月25日晚8时，天猫商城首家小龙虾馆开业。来自天...
随着互联网的迅猛成长，餐饮企业营销争相搭上信息化快车，但...
[视频]纯手工制作霓虹灯苹果Logo 视频,霓虹灯,制作...
近日，从光年夜银行北京分行获悉，中国光年夜银行西宁分行正...由于微信支付接口更新，本文档已过期，请查看新版微信支付JS API支付教程。地址&
本文介绍如何使用JS API支付接口完成微信支付。
一、JS API支付接口（getBrandWCPayRequest）
微信JS API只能在微信内置浏览器中使用，其他浏览器调用无效。微信提供getBrandWCPayRequest接口供商户前端网页调用，调用之前微信会鉴定商户支付权限，若商户具有调起支付的权限，则将开始支付流程。这里主要介绍支付前的接口调用规则，支付状态消息通知机制请参加下文。接口需要注意：所有传入参数都是字符串类型！
getBrandWCPayRequest参数如表6-5所示。
字符串类型
商户注册具有支付权限的公众号成功后即可获得；
字符串类型，32个字节以下
商户生成，从日00:00:00至今的秒数，即当前的时间，且最终需要转换为字符串形式；
随机字符串
字符串类型，32个字节以下
商户生成的随机字符串；
订单详情扩展字符串
字符串类型，4096个字节以下
商户将订单信息组成该字符串，具体组成方案参见接口使用说明中package组包帮劣；由商户按照规范拼接后传入；
字符串类型，参数取值"SHA1"
按照文档中所示填入，目前仅支持SHA1；
字符串类型
商户将接口列表中的参数按照指定方式迚行签名，签名方式使用signType中标示的签名方式，具体签名方案参见接口使用说明中签名帮劣；由商户按照规范签名后传入；
表6-5 getBrandWCPayRequest参数
&&& getBrandWCPayRequest返回值如表6-6所示。
get_brand_wcpay_request:ok& 支付成功
get_brand_wcpay_request:cancel 支付过程中用户取消
get_brand_wcpay_request:fail 支付失败
表6-6 getBrandWCPayRequest返回值
JS API的返回结果 get_brand_wcpay_request:ok 仅在用户成功完成支付时返回。由于前端交互复杂，get_brand_wcpay_request:cancel
get_brand_wcpay_request:fail 可以统一处理为用户遇到错误或者主动放弃，不必细化区分。
二、JS API支付实现
下面代码是微信官方提供的JS API支付demo
2 include_once("WxPayHelper.php");
5 $commonUtil = new CommonUtil();
6 $wxPayHelper = new WxPayHelper();
9 $wxPayHelper-&setParameter("bank_type", "WX");
10 $wxPayHelper-&setParameter("body", "test");
11 $wxPayHelper-&setParameter("partner", "");
12 $wxPayHelper-&setParameter("out_trade_no", $commonUtil-&create_noncestr());
13 $wxPayHelper-&setParameter("total_fee", "1");
14 $wxPayHelper-&setParameter("fee_type", "1");
15 $wxPayHelper-&setParameter("notify_url", "htttp://");
16 $wxPayHelper-&setParameter("spbill_create_ip", "127.0.0.1");
17 $wxPayHelper-&setParameter("input_charset", "GBK");
22 &script language="javascript"&
23 function callpay()
WeixinJSBridge.invoke('getBrandWCPayRequest',&?php echo $wxPayHelper-&create_biz_package(); ?&,function(res){
WeixinJSBridge.log(res.err_msg);
alert(res.err_code+res.err_desc+res.err_msg);
30 &/script&
32 &button type="button" onclick="callpay()"&wx pay test&/button&
33 &/body&
34 &/html&
将其中的微信支付参数修改成自己所申请得到的，然后将网页上传到微信支付目录下，给测试账号回复该网页地址。用户就可以实现一次JS API支付。
三、效果演示
下面是官方DEMO修改后，发起支付的页面图。
输入支付密码
阅读(...) 评论()连接应用数：28
接入服务商：付啦
（新用户1元专享）
响应码参照
价格与请求限制
接口地址(线上环境)：/pay/jspay
支持格式：STRING
请求方式：GET
请求示例：/docs/api/id/8
调用样例及调试工具：
1. 待签名数据：将所有求参数(sign除外)按照字典升序排序后使用"&"把参数按照key=value形式拼接起来。
&&&&举个例子：调用接口参数为service=fula.alipay.qrcode, app_id=1000000
那么待签名数据就是:app_id=1000000&service=fula.alipay.qrcode。
2. fula-pay-demo(Java)中使用商户私钥为pkcs8格式(demo中cert目录下有公私钥文件，开发者根据平台语言自行选择使用)，线上环境如想直接使用demo中签名方法的请自行生成线上环境公私钥，生成并使用pkcs8格式的私钥，其他语言开发者请参考各语言RSA签名生成算法。
1）务必将请求头设置成text/html，否则付啦服务器读取不到请求参数。
2）非必填参数可以不传，如果传递了该参数并且其值为空，那么这个参数也要参与签名。
请求参数说明：
商户号（调起支付和结算信息的对应的商户号，通过调用商户进件接口获取 ）
out_trade_no
商户系统内部的订单号 ,32 个字符内、可包含字母,确保商户内唯一
字符集,可选值 UTF-8 ,默认为 UTF-8。
签名方式,取值:RSA 默认:RSA
总金额,以分为单位,不允许包含任何字、 符号
mch_create_ip
请求服务器服务器IP ,请真实填写服务器端IP
notify_url
接收付啦支付结果异步通知的URL,需给绝对路径,255字符内格式 如:/notify.html,确保fula能通过互联网访问该地址
return_url
付啦JS支付成功同步跳转URL,需给绝对路径,255字符内格式 如:/return.html,确保fula能通过互联网访问该地址
随机字符串,不长于32 位
请求参数按照字典升序排列后的RSA签名值 签名算法参照demo
开发者在付啦开放平台管理后台(/login.html)创建的APP的ID
cancel_url
付啦JS支付过程中用户取消支付时同步跳转URL,需给绝对路径,255字符内格式 如:/cancel.html,确保fula能通过互联网访问该地址
付啦JS支付过程中出错时同步跳转URL,需给绝对路径,255字符内格式 如:/error.html,确保fula能通过互联网访问该地址
返回参数说明：
STRING请求示例：
(必须要对GET请求的参数进行URL编码)
app_id%3Dbody%3D%E6%94%AF%E4%BB%98%E6%B5%8B%E8%AF%95%26charset%3DUTF-8%26mch_create_ip%3D127.0.0.1%26mch_id%3Dnonce_str%3DTzaETzfe4lgL2hOmfbx9XEttAEuZSuiE%26notify_url%3Dhttps%3A%2F%%2FmchPay%2Fnotify%26out_trade_no%3De488896dbc274c09b0fd3ff13e1df6c9%26return_url%3Dhttps%3A%2F%%2FmchPay%2Freturn%26service%3Dpay.wxpay.js%26sign_type%3DRSA%26total_fee%3D1%26sign%3Dyr90hM3nrheyReRPgKuncXzVonlsc16kwGnaw83xf59xyhf738kPAVNhHrTav9stUnhJnH%2FRaBVCQH1h0w5JqquoCyam0huY5yp%2BltxLwtsUkpZYUT05x9xc2FFJqGjaXzIb94nGB6a30Wrp0hpqENp0wY5ssAe%2BSM1GAWduVig%3D
STRING返回示例：
JS支付为同步调起支付接口 如果请求参数无误，则直接跳转到相应页面调起相应支付
服务级响应码(res_code)：
响应信息详情
请求参数错误
付啦系统内部异常
开发者信息未认证，请联系付啦运营人员处理！
开发者授权公钥尚未设置，请联系付啦相关运营人员！
尚未创建APP，请到付啦开放平台创建！
APP状态异常，请联系付啦运营人员处理！
商户不存在，操作失败！
商户未审核,请联系付啦运营人员审核！
商户未激活,请联系付啦运营人员激活！
付啦系统处理中
业务级响应码(result_code)参照：
业务处理成功
S代表成功,其他失败
业务处理失败
具体错误信息查看err_code和err_msg,此信息为第三方业务响应结果,商户请根据此响应信息做相应调整,如还不能解决问题,请联系我们!
业务处理中
具体信息查看err_code和err_msg,此信息为第三方业务响应结果,对于处理中的状态，请根据接口说明决定是否以及什么时间调用查询接口确认结果
订单状态(trade_state)参照表：
状态码说明
建议3分钟后调用查询接口查询订单状态,一般3分钟内有确定结果
PART_REFUN
联系客服解决
REFUND_FAI
资费说明(默认)
新用户1元专享
每人最多限购1份；仅限有效期（ 00:00:00
23:59:59）购买；
常规套餐包
新用户1元专享
每人最多限购1份；仅限有效期（ 00:00:00
23:59:59）购买；
为什么选择付啦数据？我们来做个比较!
&购买付啦数据的服务支出
服务器(600元/月)+带宽(100元/月)+技术人员(6000元/月)+...
完整教学代码示例：
常见问题：
其他相关内容
在线客服QQ:
商务合作QQ:
推荐接口/API
查询不成功，不计费
付啦支付统一下单接口
支付结果异步回调通知
统一支付订单结果查询
活动推荐/Activity
数趣科技(C)版权所有
增值电信业务经营许可证：浙B2-
关注官方微信