iOS UIWebView中JS和OC互相调用

最近做的项目中，是用html做的，我这边直接用iOS原生的UIWebView进行加载显示，在期间用到了js和OC的互相调用，这里记录下来

JS调用OC方法：

首先，什么是JS调用OC方法，意思就是界面上有一个html的按钮，我点击这个按钮之后，要调用OC原声的方法，这就是JS调用OC方法。我们项目里面有一个点击注销按钮返回原生登陆界面的例子

先impot头文件

#import <JavaScriptCore/JavaScriptCore.h>

声明一个JSContext对象并初始化

@property (strong, nonatomic) JSContext *context;
//初始化content
    self.context = [self.mWebView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    
    // 打印异常,由于JS的异常信息是不会在OC中被直接打印的,所以我们在这里添加打印异常信息,
    self.context.exceptionHandler =
    ^(JSContext *context, JSValue *exceptionValue)
    {
        context.exception = exceptionValue;
    };

然后注册JS调用的OC方法

//注销登录
    self.context[@"loginOut"] =
    ^()
    {
        UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"注销登陆" message:@"是否注销登录" preferredStyle:UIAlertControllerStyleAlert];
        [alertController addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        }]];
        [alertController addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            [self loginOut];//OC的注销方法
        }]];
        
        [self presentViewController:alertController animated:YES completion:nil];
    };

这样，在点击注销的按钮之后就会执行对应的OC方法了

OC调用JS方法：

什么是OC调用JS方法，意思就是点击了原生的按钮之后需要再调用JS的方法进行数据回传或者其他操作，我们项目里面有一个获取百度语音结果调用JS方法将结果回传给后台的例子

//百度语音结果回调
-(void)results:(NSString *)results {
    //初始化content
    self.context = [self.mWebView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    
    // 打印异常,由于JS的异常信息是不会在OC中被直接打印的,所以我们在这里添加打印异常信息,
    self.context.exceptionHandler =
    ^(JSContext *context, JSValue *exceptionValue)
    {
        context.exception = exceptionValue;
    };
    NSString *getYuyinResult = @"getYuyinResult('inputAllSearch','你好你好')";
    [self.context evaluateScript:getYuyinResult];
}

这样就可以调用JS方法啦，主要就是调用evaluateScript方法去执行JS，getYuyinResult这个字符串中getYuyinResult是JS方法名，如果没有参数就直接跟括号。

这就是UIWebView中JS和OC的互调了，有说的不好和不对的地方，希望大家指正

最后获取当前页面的title在- (void)webViewDidFinishLoad:(UIWebView *)webView这个方法里去获取当前页面的title，这个方法是页面加载完成之后执行的

self.title = [self.mWebView stringByEvaluatingJavaScriptFromString:@"document.title"]

iOS UIWebView中JS和OC互相调用

猜你喜欢