iOS微信支付回调报错ReferenceError: Can‘t find variable和TypeError: undefined is not a function

功能:微信支付是用的原生写的,支付完成后需要把回调结果给前端人员

原生调用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('你好');
   }
}

 

微信公号搜索：李大头头。（或扫描二维码）找我来玩。

更多【前端技术群】和【内推职位】 资源等着你。

还不定期在公众号请大家喝奶茶！

想与我聊聊或者有什么问题都可以在公众号找到我。

等你哟~