在PHP中发起支付时,粉丝在支付时界面会跳转至系统的收银台界面中(PHP版中文末的图),对于希望能在当前页面直接处理的开发者,微擎提供了利用JS发起支付的方式,该方式如果是微信支付会直接在当前页面中支付,如果是百度钱包、支付宝其它支付则会直接跳转至支付方进行支付。
### util.pay(option)
option 参数列表如下:
* orderFee 要支付的金额
* payMethod 发起的支付类型,分别为 微信支付(wechat)、百度钱包(baifubao)、支付宝(alipay)、银联支付(unionpay)
* orderTitle 支付标题
* orderTid 充值模块中的订单号,此号码用于业务模块中区分订单,保证在业务中是唯一即可
* module 发起支付的模块,支付成功后会通知该模块
* success 支付成功回调函数,
* fail 支付失败时回调函数
* complete 支付完成(成功和失败)时回调函数
> \[warning\] 注意:orderTid 业务订单号此值,在调用util.pay方法之前应当先ajax请求一个订单号,然后再发起支付。
### 示例
~~~
<button type="button" class="mui-btn mui-btn-block mui-disabled js-wechat-pay">微信支付(加载中)</button><button type="button" onclick="dopayBaidu()" class="mui-btn mui-btn-block">百度钱包</button><script type="text/javascript">//发起微信支付,微信支付依赖于 WeixinJSBridge 组件,所以发起时应该在ready事件中进行document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { $('.js-wechat-pay').removeClass('mui-disabled'); $('.js-wechat-pay').click(function(){ //先通过AJAX获取最新的订单号 $.getJSON("xxxx.php", function(data, status){ if(status == 'success'){ util.pay({ orderFee : data.fee, payMethod : 'wechat', orderTitle : '充值' + data.fee + '元', orderTid : data.ordertid, module : 'recharge', success : function(result) { alert('支付成功'); }, fail : function(result) { alert('fail : ' + result.message); }, complete : function(result) { location.reload(); } }); } }); }); $('.js-wechat-pay').html('微信支付');});//百度钱包和其它支付则无浏览器组件要求,可直接使用function dopayBaidu() { util.pay({ orderFee : 0.01, payMethod : 'baifubao', orderTitle : '充值10元', orderTid : 1234567104, module : 'recharge', success : function(res) { alert('支付成功'); }, fail : function(result) { alert('fail : ' + result.message); }, complete : function(result) { alert('complete : ' + result.message); } });}</script>
~~~
效果如下:

- 微信消息
- 概述
- 响应流程
- 入门指引
- 安装微擎
- 环境安装
- 百度云(微擎镜像)
- 宝塔(Linux)推荐
- 注册云服务
- 代码规范
- php编码规范
- 数据库设计
- 文件目录规范
- JavaScript编辑码规范
- 微擎框架
- 目录结构
- 数据库字典
- 配置选项
- 数据库配置
- 系统COOKIE配置项
- 系统设置
- 上传配置 (已废弃,统一在系统附件设置中更改)
- 预定义常量
- 全局变量
- 全局配置
- 系统配置
- 公众号相关
- Web 端可见
- App 端可见
- 网页授权
- URL 路由
- url
- createMobileUrl
- createWebUrl
- 文件加载器
- func
- class
- model
- web
- app
- library
- object
- singleton
- 缓存机制
- cache_write
- cache_load
- cache_delete
- cache_clean
- cache_system_key
- 数据库
- SQL注入安全
- 连接其它数据库
- 数据库函数列表
- pdo_get
- pdo_getcolumn
- pdo_getall
- pdo_getslice
- pdo_fetch
- pdo_fetchcolumn
- pdo_fetchall
- pdo_insert
- pdo_update
- pdo_delete
- pdo_query
- pdo_run
- pdo_fieldexists
- pdo_indexexists
- pdo_tableexists
- pdo_fieldmatch
- pdo_debug
- 链式查询
- from
- select
- where
- whereor
- having
- groupby
- orderby
- leftjoin
- innerjoin
- on
- limit
- page
- get
- getall
- getcolumn
- count
- exists
- getLastQueryTotal
- getLastQuery
- 错误处理
- 日志记录
- 模板引擎
- 模板标签
- 输出变量
- 判断语句
- 循环语句
- php语句
- 引用模板
- 创建URL
- 转义附件URL
- 输出花括号
- 数据调用
- 调用微站导航
- 调用幻灯片
- 调用文章列表
- 调用文章评论
- 调用分类列表
- 调用快捷菜单
- 常用变量
- 函数列表
- 系统公共函数
- istripslashes
- ihtmlspecialchars
- isetcookie
- token
- random
- checksubmit
- checkcaptcha
- tablename
- array_elements
- range_limit
- ijson_encode
- iserializer
- iunserializer
- is_base64
- is_serialized
- wurl
- murl
- pagination
- tomedia
- referer
- strexists
- cutstr
- istrlen
- emotion
- authcode
- sizecount
- bytecount
- array2xml
- xml2array
- scriptname
- utf8_bytes
- isimplexml_load_string
- aes_decode
- aes_encode
- ihtml_entity_decode
- iarray_change_key_case
- parse_path
- strip_gpc
- to_global_media
- 参数安全函数
- 业务公共函数
- Http请求函数
- ihttp_request
- ihttp_get
- ihttp_post
- ihttp_email
- 文件操作函数
- file_write
- file_read
- file_move
- file_tree
- file_copy
- file_upload
- file_wechat_upload
- file_remote_upload
- file_random_name
- file_delete
- file_remote_delete
- file_image_thumb
- file_image_crop
- file_lists
- file_remote_attach_fetch
- file_is_image
- mkdirs
- rmdirs
- 数据库维护函数
- db_table_schema
- db_table_serialize
- db_table_create_sql
- db_schema_compare
- db_table_fix_sql
- _db_build_index_sql
- _db_build_field_sql
- db_table_schemas
- db_table_insert_sql
- Web端公共函数
- url web
- message
- checklogin
- checkaccount
- template
- App端公共函数
- url app
- checkauth
- message app
- template app
- register_jssdk
- 安全操作函数
- 模板组件列表
- Web端组件
- _tpl_form_field_date
- tpl_form_field_link
- tpl_form_module_link
- tpl_form_field_emoji
- tpl_form_field_color
- tpl_form_field_icon
- tpl_form_field_image
- tpl_form_field_multi_image
- tpl_form_field_audio
- tpl_form_field_multi_audio
- tpl_form_field_video
- tpl_form_field_wechat_image
- tpl_form_field_wechat_multi_image
- tpl_form_field_wechat_voice
- tpl_form_field_wechat_video
- tpl_form_field_location_category
- tpl_ueditor
- tpl_edit_sms
- tpl_coupon_colors
- App端组件
- _tpl_form_field_date app
- tpl_app_fans_form
- tpl_app_form_field_calendar
- tpl_app_form_field_district
- tpl_app_form_field_avatar
- tpl_app_form_field_image
- tpl_app_coupon_item
- 系统公共组件
- tpl_form_field_date
- tpl_form_field_clock
- tpl_form_field_daterange
- tpl_form_field_calendar
- tpl_form_field_district
- tpl_form_field_category_2level
- tpl_form_field_industry
- tpl_form_field_coordinate
- tpl_fans_form
- 支付API
- 发起支付(PHP)
- 发起支付(JS)
- 验证支付
- 退款(微信、支付宝)
- 微信API
- 基础
- 粉丝(公众号)
- fansAll
- fansQueryInfo
- fansBatchQueryInfo
- 粉丝标签(公众号)
- fansTagAdd
- fansTagFetchAll
- fansTagEdit
- fansTagDelete
- fansTagGetUserlist
- fansTagTagging
- fansTagBatchTagging
- fansTagBatchUntagging
- fansTagFetchOwnTags
- 自定义菜单(公众号)
- menuCreate
- menuDelete
- menuCurrentQuery
- menuQuery
- 二维码(公众号)
- barCodeCreateDisposable
- barCodeCreateFixed
- 客服消息(公众号)
- 模板消息(公众号)
- 群发(公众号)
- fansSendAll
- fansSendPreview
- 临时素材(公众号)
- uploadMedia
- downloadMedia
- 永久素材(公众号)
- uploadMediaFixed
- addMatrialNews
- uploadNewsThumb
- uploadVideoFixed
- editMaterialNews
- getMaterial
- getMaterialCount
- delMaterial
- batchGetMaterial
- 短网址(公众号)
- 共享收货地址(公众号)
- JSSDK(公众号)
- 自定义分享(公众号)
- 小程序码
- getCodeLimit
- getCodeUnlimit
- 云服务API
- 本地调试
- 键值对存储
- 查询模块信息
- 查询站点信息
- 发短信
- 常见问题
- 设置开发模式
- 调试sql语句
- 微信图片盗链
- mac系统压缩包无法上传
- reditect_url 参数错误
- GIT发布(上传大文件)
- 共享包
- iframe跨域解决方案
- 更新出错如何恢复
- 小程序开发
- 与微擎通信
- 模块中定义文件
- 接口验签
- PHP接口返回值
- 接口版本
- session机制
- 发起支付
- util.js工具库
- util.url
- util.request
- util.getUserInfo
- util.navigateBack
- util.footer
- util.message
- util.showLoading
- util.showImage
- util.parseContent
- util.date
- isLeapYear
- dateToStr
- dateAdd
- dateDiff
- dateToLong
- longToDate
- isDate
- getMaxDay
- toArray
- datePart
- maxDayOfDate
- util.md5
- util.base64Encode
- util.base64Decode
- app.js
- 获取用户信息
- 应用开发
- 机制说明
- 命名空间
- 定义微擎首页
- 智能应答
- 自定义分享
- 分离代码
- 粉丝信息
- manifest.xml
- install.php和upgrade.php
- 设计应用
- 全局变量1
- MODULE_URL
- MODULE_ROOT
- $_W[current_module]
- 安装、更新与卸载
- 发布应用
- 功能文件
- module.php
- site.php
- wxapp.php
- result
- webapp.php
- mobileapp.php
- hook.php
- receiver.php
- systemwelcome.php
- 支付
- 在php中发起支付
- 在微信浏览器中发起
- 在小程序中发起
- 验证支付结果
- 云商城常见问题
- 发布应用1
- 应用文档结构
- manifest.xml -
- 发布应用错误提示
- git 大文件发布
- 云Api发布
- 对外接口
