JS与Objective-C交互（网页与原生交互---使用JavaScriptCore）

JS与OC的交互方式有三种:

1.UIWebviewDelegate   

2.JavaScriptCore   

3.WebViewJavascriptBridge

本文主要介绍第二种交互方式

第二种对于一些交互事件较少的点击事件，通过UIWebviewDelegate的代理方法进行拦截，获取服务器定义好的事件类型（或者方法名称等），进而进行相应的操作。

1、首先介绍一下获取JSContext中的js参数方法的封装（需要导入库<JavaScriptCore/JavaScriptCore.h>）

/*
参数说明：
webView ：要进行JS交互的网页
urlStr ：本网页的网址url
paramStr ： 与后台交互的标示
finished ：block回调，成功后返回我们需要的数组valueArr

*/

+(void)webViewLoadHtml:(UIWebView *)webView htmlReuqstUrlStr:(NSString *)urlStr paramStr:(NSString *)paramStr isFinishedRequest:(void (^)(id))finished{

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

content[paramStr]=^(){

NSArray *args = [JSContext currentArguments];

NSMutableArray *valueArr=[NSMutableArray new];

for (JSValue *jsVal in args)
{

NSLog(@"--jsVal=%@",jsVal);

[valueArr addObject:jsVal];

@try {

}
@catch (NSException *exception) {

}
@finally {

}
}

if (finished)
{

finished(valueArr);

}
};

}

2、在webview代理方法中获取交互需要的数据

#pragma mark -
#pragma mark webview delegate

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
[HtmlRequestModel webViewLoadHtml:_DetailWebView htmlReuqstUrlStr:urlStr paramStr:@"axd" isFinishedRequest:^(id valueArr) {
NSLog(@"valueArr=%@",valueArr);

type=[valueArr[0] toString];

parasDic=[[NSDictionary alloc]init];

JSValue *jsVal=valueArr[1];

NSString *str11=[NSString stringWithFormat:@"%@",jsVal];

parasDic=[self dictionaryWithJsonString:str11];//解析成字典

[self chooseWhichWayToGo];//选择调用点击的哪个方法

NSLog(@"-----");

}];
self.title=[webView stringByEvaluatingJavaScriptFromString:@"document.title"];
}

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{

NSString *path=[[request URL] absoluteString];
urlStr=[[request URL] parameterString];

NSLog(@"webview path：%@",path);

[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"test" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil]];

return YES;
}

3、解析js数据

/*!
* @brief 把格式化的JSON格式的字符串转换成字典
* @param jsonString JSON格式的字符串
* @return 返回字典
*/
- (NSDictionary *)dictionaryWithJsonString:(NSString *)jsonString {
if (jsonString == nil) {
return nil;
}

NSData *jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding];
NSError *err;
NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:jsonData
options:NSJSONReadingMutableContainers
error:&err];
if(err) {
NSLog(@"json解析失败：%@",err);
return nil;
}
return dic;
}

获得解析出来的字典后，至此js与oc交互已经基本大功告成，只需根据获得的dict进行相应的跳转等操作。
代码下载地址