js与Android、IOS数据交互

一、先说一下js与Android的数据交互

重点了解js调用Android的方法：window.jstojava.closeDialog(参数1，参数2)   其中jstojava为与app协商好的类名，closeDialog()为Android原生方法名

二、再说IOS与js的交互

查询一些资料了解到，js与ios的交互有很多方式目前很流行的库有WebviewJavaScriptBridge和OVGap，这两个库都是让webview与JS建立起一条桥梁，
这样就可以相互通信了。但是考虑到js会与Android和ios都需要交互，以上两种方案需要web开发人员准备两套js，应该是不会被认可的，以上两种都需要添加额外的库。因此查询了另外一种方式：使用ios的原生方法

解决方案要另起一行哈哈：有一个库叫JavaScriptCore，这个是IOS7以后才开放的API，这可以极大的简化了我们的需求，非常的简单，我们只需要注入一个方法，就可以在JS中调用此方法来跟原生的OC交互。首先得加入库

#import <JavaScriptCore/JavaScriptCore.h>

JSContext这个可是关键

// webView对象
@property (nonatomic, strong, readonly) UIWebView    *webView;
@property (nonatomic, strong, readonly) JSContext    *jsContext;

下面是在webview加载完成后， 关联JS与OC:

- (void)webViewDidFinishLoad:(UIWebView *)webView {
  [_activityView stopAnimating];

  [self dismiss];
  if (_jsContext == nil) {
    // 1.
    _jsContext = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    
    // 2. 关联打印异常
    _jsContext.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {
      context.exception = exceptionValue;
      DDLogVerbose(@"异常信息：%@", exceptionValue);
    };

    _jsContext[@"activityList"] = ^(NSDictionary *param) {
      DDLogVerbose(@"%@", param);
    };
    
    // Mozilla/5.0 (iPhone; CPU iPhone OS 10_10 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12B411
    id userAgent = [webView stringByEvaluatingJavaScriptFromString:@"navigator.userAgent"];
    DDLogVerbose(@"%@", userAgent);
  }
}

activityList是商定好的方法名称，在JS中写法：

 <input type="button" value="测试log" οnclick="activityList({'参数1':'参数2'})" />

三、如何成功的偷懒的解决ios和Android（以下是不负责任的未验证的方法）

很明显可以对比出js调用原生的方法 是不一样，问题来来如何偷懒的同时解决这个问题呢，比较贱的一个方案，将调用方法（包括ios和Android的）同时写在js里，对于执行谁，那让ios和Android自己来相应吧（20160107暂时没验证，验证了马上来告诉大家结果）

例子：

 <input type="button" value="测试log" οnclick="test('参数1','参数2')" />

 var test = function(v1,v2){

window.jstojava.closeDialog(v1,v2);//android 方法

closeDialog({v1:v2});//ios方法

 

}