OC-JS交互（WebViewJavascriptBridge使用说明）

来源：互联网发布：人工智能成功案例编辑：程序博客网时间：2024/06/06 02:43

首先确保一份已经配好功能的html文件。

1.初始化一个webview（viewdidload）

UIWebView* webView = [[UIWebView alloc]initWithFrame:self.view.bounds];

[self.view addSubview:webView];

2.将此webview与WebViewJavascriptBridge关联（viewdidload）

if (_bridge) { return; }

[WebViewJavascriptBridgeenableLogging];

_bridge = [WebViewJavascriptBridgebridgeForWebView:webView webViewDelegate:self handler:^(id data,WVJBResponseCallback responseCallback) {

}]; ps：此时你的webview就与js搭上桥了。下面就是方法的互调和参数的互传。

（1） js调oc方法（可以通过data给oc方法传值，使用responseCallback将值再返回给js）

[_bridge registerHandler:@"testObjcCallback"handler:^(id data, WVJBResponseCallback responseCallback) {

NSLog(@"testObjcCallbackcalled:%@", data);

responseCallback(@"Response fromtestObjcCallback");

}];

这里注意testObjcCallback这个方法的标示。html那边的命名要跟ios这边相同，才能调到这个方法。当然这个名字可以两边商量着自定义。简单明确即可。

（2）oc调js方法（通过data可以传值，通过 response可以接受js那边的返回值）

id data = @{ @"greetingFromObjC":@"Hi there,JS!" };

[_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {

NSLog(@"testJavascriptHandlerresponded:%@", response);

}];

注意这里的 testJavascriptHandler也是个方法标示。

（3）oc给js传值（通过 response接受返回值）

[_bridge send:@"A string sent from ObjC to JS" responseCallback:^(id response) {

NSLog(@"sendMessage gotresponse:%@", response);

}];

（4）oc给js传值（无返回值）

[_bridge send:@"A string sentfrom ObjC after Webview has loaded."];

在WebViewJavascriptBridge这个第三方中有个

WebViewJavascriptBridge.js.text 中有这个段代码

其中 callMotion: callMotion 就是和HTML所约定的类名，JS端的类名和这个必须统一

0 0