10分钟搞定JS和iOS的交互

JS和iOS的交互

JS和iOS交互，是每个应用都少不了的需求，尤其是在页面变动比较大的情况，页面经常更新，JS和iOS交互用起来就很幸福了。

进入正题

一、贴上h5的代码

 <html>     <head>         <meta http-equiv="Content-Type"    content="text/html;charset=UTF-8">             <script type="text/javascript">                  var share = JSON.stringify({"title": "Migi000",                                            "desc": "简书",                                            "shareUrl": "http://www.jianshu.com/p/f896d73c670a"                                            });              //IOS             function startFunction(share){                 window.android.startFunction(share)//android             }                  </script>     </head>     <body>         <br/>         <h1>Objective-C和JavaScript交互的那些事</h1> <br/>         <input  type="button" value="Share" onClick="startFunction(share)" >点击调用原生代码并传递参数</a>              </body></html>

注释：这里的方法要写在head里面，PS:在测试这段代码之前，本身方法是写在body中，但是Android不能实现，后来放在head中就可以实现，这个没有太多了解是什么原因，有大神可以指教

二、快速接入 - block解决

.m文件如下

 ////  ViewController.m//  jsTest////  Created by fangpinhui on 16/5/18.//  Copyright © 2016年 Lumic. All rights reserved.//  #import "ViewController.h"#import <JavaScriptCore/JavaScriptCore.h>  @interface ViewController ()<UIWebViewDelegate>@property (nonatomic)UIWebView *webView; @property (nonatomic)JSContext *jsContext; @property (nonnull,strong) UIButton *btn; @end  @implementation ViewController  - (void)viewDidLoad {     [super viewDidLoad];      self.webView = [[UIWebView alloc]initWithFrame:self.view.bounds];     self.webView.delegate = self;     [self.view addSubview:_webView];     NSString *str = [[NSBundle mainBundle] pathForResource:@"migi" ofType:@"html"];     [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:@"f"]]]; //    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://192.168.1.59:8020/Online-Booking/index.html"]]];      //  在上面添加一个按钮，实现oc端控制h5实现弹alert方法框     self.btn = [[UIButton alloc] initWithFrame:CGRectMake(100, 400, 100, 40)];     self.btn.backgroundColor = [UIColor redColor];     [self.btn addTarget:self action:@selector(showAlert) forControlEvents:UIControlEventTouchUpInside];     [self.view addSubview:self.btn];   } - (void)showAlert {     //要将script的alert()方法转化为string类型     NSString *alertJs=@"alert('Hello Word')";     [_jsContext evaluateScript:alertJs]; }  - (void)webViewDidFinishLoad:(UIWebView *)webView{     _jsContext = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];     _jsContext[@"startFunction"] =^(id obj){ ////这里通过block回调从而获得h5传来的json数据         /*block中捕获JSContexts         我们知道block会默认强引用它所捕获的对象，如下代码所示，如果block中直接使用context也会造成循环引用，这使用我们最好采用[JSContext currentContext]来获取当前的JSContext:          */         [JSContext currentContext];         NSData *data = [(NSString *)obj dataUsingEncoding:NSUTF8StringEncoding ];         NSDictionary *dict = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];         NSLog(@" data   %@   ======  ShareUrl %@",obj,dict[@"shareUrl"]);     };     //     _jsContext.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {         context.exception = exceptionValue;         //比如把js中的方法名改掉，OC找不到相应方法，这里就会打印异常信息         NSLog(@"异常信息：%@", exceptionValue);     };   }  - (void)didReceiveMemoryWarning {     [super didReceiveMemoryWarning];     // Dispose of any resources that can be recreated. }  @end

注释：
1.#import <JavaScriptCore/JavaScriptCore.h> 导入放在.h文件中
2.因为这里h5需要调用我们的Native定义的startFunction 方法，以及需要的回调的数据格式，所以这里需要和h5沟通一下

这就是简单的js和oc之间的交互，可以使用在平台的应用中，下面是遇到的问题汇总，如有遇到问题，积极分享咯！