功能:微信支付是用的原生写的,支付完成后需要把回调结果给前端人员
原生调用js方法的时候,正常的写法是
//前端
payResult:function(strings) {
alert('你好');
}
//安卓
mWebview.evaluateJavascript("javascript:payResult("+resCode+")", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
//此处为 js 返回的结果
}
});
//ios
[self.webView evaluateJavaScript:[NSString stringWithFormat:@"payResult(resCode)"] completionHandler:^(id _Nullable item, NSError * _Nullable error) {
NSLog(@"error:%@",error);
}];
但是你会发现并没有用,在ios上会报一个错,我们来看一下
Error Domain=WKErrorDomain Code=4 "发生 JavaScript 异常" UserInfo={WKJavaScriptExceptionLineNumber=0, WKJavaScriptExceptionMessage=TypeError: undefined is not a function, WKJavaScriptExceptionColumnNumber=0, NSLocalizedDescription=发生 JavaScript 异常}
还有一种前端写法是把方法直接写在了script标签里,会报如下的错误
Error Domain=WKErrorDomain Code=4 "发生 JavaScript 异常" UserInfo={WKJavaScriptExceptionLineNumber=1, WKJavaScriptExceptionMessage=ReferenceError: Can't find variable: payResult
ios和安卓的写法是没问题的,然后发现我们前端是用vue2.0写的,vue中需要将方法挂载到全局中,正确的前端写法是在mounted方法里面加上window.payResult = this.payResult,然后就可以啦.
mounted() {
window.payResult = this.payResult
},
methods: {
payResult:function(strings) {
alert('你好');
}
}
微信公号搜索:李大头头。(或扫描二维码)找我来玩。
更多【前端技术群】和【内推职位】 资源等着你。
还不定期在公众号请大家喝奶茶!
想与我聊聊或者有什么问题都可以在公众号找到我。
等你哟~