js调java和oc_OC和JS交互的三种方法

看简书上说一共有六种OC和JS交互的方法，但是前三种原理都一致，都是通过检测、拦截Url地址实现互相调用的。剩下的react native等第三方框架原理不一样，也没有去研究，下边记录我使用的三种方法(原理都是拦截Url地址)。

(一)、使用系统自带JavaScriptCore库进行交互，支持iOS7以后系统。(备注：我这个项目在交互MBProgress的时候控制隐藏，js代码会发生奔溃，安卓是好的，原因始终找不到)

oc调用js方法

[homeWebView stringByEvaluatingJavaScriptFromString:jsFunction]；

-------------------------------------------------------------------

js调用oc方法导入

1、JavaScriptCore库

#import

2、获得上下文

- (void)webViewDidFinishLoad:(UIWebView*)webView{

//降低webview带来的内存泄露

[[NSUserDefaultsstandardUserDefaults]setInteger:0forKey:@"WebKitCacheModelPreferenceKey"];

//----------------------JS回掉方法----------------------------------------

JSContext *context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

//没有返回值的写法

context[@"showProgressDialogPhone"] = ^() { // 显示

[self showProgressDialog];

};

// 有返回值的写法，

context[@"getTabInfoIOS"] = [self getTabInfoIOS];//获得权限

}

3、js端绑定方法oc方法，绑定的这个方法名称必须要和oc里注册的方法名称保持一致

functionshowProgressDialog(){

showProgressDialogPhone();

}

(二)、实现了JSExport协议的协议，这样调用到vc里的方法

1、声明协议，实现协议方法

在.h文件中声明

@protocolTestJSObjectProtocol

-(void)closeProgressDialog;

@end

.m文件中实现协议方法

@interface ViewController ()

@end

1、同上先获得上下文，oc这里绑定方法、实现closeProgressDialog方法

ViewController *viewCtlOBJ = [ViewController new];

context[@"viewCtlOBJ"] = viewCtlOBJ;

NSString *jsStr1=[NSString stringWithFormat:@"viewCtlOBJ.closeProgressDialog()"];

[context evaluateScript:jsStr1];

2、js这边调用oc方法

functioncloseProgressDialog(){

viewCtlOBJ.closeProgressDialog();

}

(三)、使用WebViewJavascriptBridge进行oc和js的交互

备注：兼容iOS7以下版本，我最终使用的这个方法，解决掉js代码崩溃的问题。这个类库是异步执行的，优点：调用oc和js代码优雅，传值和回调方便

1、先导入WebViewJavascriptBridge包，可参考上一篇文章导入。

#import"WebViewJavascriptBridge.h"

@propertyWebViewJavascriptBridge* bridge;

2、OC原生注册方法，实现方法

[WebViewJavascriptBridgeenableLogging];

_bridge= [WebViewJavascriptBridgebridgeForWebView:homeWebView];

[_bridgesetWebViewDelegate:self];

/***

/js调用oc

/@param registerHandler 要注册的事件名称(这里我们为showProgressDialogPhone)

/@param handel 回调block函数 当后台触发这个事件的时候会执行block里面的代码

***/

[_bridgeregisterHandler:@"showProgressDialogPhone"handler:^(iddata,WVJBResponseCallbackresponseCallback) {

NSLog(@"显示加载");

[selfshowProgressDialog];

responseCallback(@"Response 显示加载");

}];

3、js端调用注册的方法

//固定写法

functionsetupWebViewJavascriptBridge(callback) {

if(window.WebViewJavascriptBridge) {returncallback(WebViewJavascriptBridge); }

if(window.WVJBCallbacks) {returnwindow.WVJBCallbacks.push(callback); }

window.WVJBCallbacks = [callback];

varWVJBIframe = document.createElement('iframe');

WVJBIframe.style.display ='none';

WVJBIframe.src ='https://__bridge_loaded__';

document.documentElement.appendChild(WVJBIframe);

setTimeout(function() { document.documentElement.removeChild(WVJBIframe) },0)

}

setupWebViewJavascriptBridge(function(bridge) {

bridge.callHandler('showProgressDialogPhone',function(response) {

alert(response);

})

});

-----------------------------------------------------------------------------------------

//oc调用js代码

bridge.registerHandler('testJavascriptHandler', function(data, responseCallback) {

log('ObjC called testJavascriptHandler with', data)

var responseData = { 'Javascript Says':'Right back atcha!' }

responseCallback(responseData)

})

//需要传参数,不需要从后台返回执行结果

/***

@param callHandler 商定的事件名称,用来调用网页里面相应的事件实现

@param data id类型,相当于我们函数中的参数,向网页传递函数执行需要的参数

***/

//    [_bridge callHandler:@"testJavascriptHandler" data:@{ @"foo":@"before ready" }];

--------------------------------------------------------------------------------------