通过WebViewJavascriptBridge实现OC与JS交互
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了通过WebViewJavascriptBridge实现OC与JS交互，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1990字，纯文字阅读大概需要3分钟。
内容图文
在.m方法当中，申明一个WebViewJavascriptBridge属性：
1 @interface ExampleAppViewController ()
2 @property WebViewJavascriptBridge* bridge;
3 @end
4
5 @implementation ExampleAppViewController
6
7
8 - (void)viewDidLoad {
9
10
11 UIWebView* webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 400)];
12 [self.view addSubview:webView];
13
14 //开启调试信息
15 [WebViewJavascriptBridge enableLogging];
16
17 //响应JS通过send发送给OC的消息
18 _bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) {
19 NSLog(@"ObjC received message from JS: %@", data);
20 responseCallback(@"Response for message from ObjC");
21 }];
22
23 //响应JS通过callhandler发送给OC的消息
24 [_bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
25 NSLog(@"testObjcCallback called: %@", data);
26 responseCallback(@"Response from testObjcCallback");
27 }];
28
31 }
这个框架定义了两种OC和JS之间通信的方式，一种是send，发送一条消息，另一种是通过一个key调用callHandler，注意：这两个方法接收js返回回来的data并显示，之后调用responseCallback方法，给js回发一条消息，也就是回调。
OC可以相应JS发来的消息，也可以主动给JS发消息，Demo当中提取了两个方法：
1 //OC调用send给JS发消息
2 - (void)sendMessage:(id)sender {
3 [_bridge send:@"A string sent from ObjC to JS" responseCallback:^(id response) {
4 NSLog(@"sendMessage got response: %@", response);
5 }];
6 }
7
8 //OC调用callHandler给JS发消息
9 - (void)callHandler:(id)sender {
10 id data = @{ @"greetingFromObjC": @"Hi there, JS!" };
11 [_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {
12 NSLog(@"testJavascriptHandler responded: %@", response);
13 }];
14 }
其中在JS端，可以有多个handler，所以callHandler需要一个key来寻找指定方法。responseCallback用于响应JS处理完毕后对OC的回调。
下面是JS端：
JS的关键在于connectWebViewJavascriptBridge函数，log方法用于输出日志，是用户的自定义函数，所有的自定义函数都要写在connectWebViewJavascriptBridge当中作为成员。
bridge.init和bridge.registerHandler方法用于接收OC发来的send和callHandler，并对OC进行回调。
之后定义了两个按钮，通过上述两种方式直接调用OC，并处理OC回发的响应信息。
原文：http://www.cnblogs.com/huahua0809/p/5178125.html
内容总结
以上是互联网集市为您收集整理的通过WebViewJavascriptBridge实现OC与JS交互全部内容，希望文章能够帮你解决通过WebViewJavascriptBridge实现OC与JS交互所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。