54.OC与js交互

来源:互联网 发布:php 数组去重 编辑:程序博客网 时间:2024/06/05 00:19

[_webView stringByEvaluatingJavaScriptFromString:[NSStringstringWithFormat:@"listenApp(601,'',%@,'%@')",singleton.userId,singleton.userNo]]; //对JS下发指令


//开启调试信息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);//JS接受到了数据,OC根据收到的数据进行处理20         responseCallback(@"Response for message from ObjC");//OC发数据给JSJS会根据收到的数据进行处理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 }]; (必须JS中含有下列代码才会调用回掉且字符串testObjcCallback必须与方法中一致bridge.callHandler('testObjcCallback', {'foo': 'bar'},

这个框架定义了两种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进行回调。


需要特别注意的是

WebViewJavascriptBridge *_bridge 属于Java的内存管理  所以在ARC下面 当你的webview所在的UI被销毁的时候一定要手动将_bridge = nil;不然这段内存永远不会被销毁  最终你的App会死于内存占用过多

0 0
原创粉丝点击