OC -> JS交互看此一篇胜读十年

前言

好久没有维护了...大家的提问也没来得及回复,深感抱歉....最近在忙OC->JS交互的工作,抽空整理了一篇跟大家分享一下.

废话不多说,直接上代码!

OC端

导入 #import "WebViewJavascriptBridge.h"

-(void)addRoute:(UIWebView*)webView{
    //OC --> JS交互
    // 开启日志
    [WebViewJavascriptBridge enableLogging];

    // 给哪个webview建立JS与OjbC的沟通桥梁
    self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView];
    [self.bridge setWebViewDelegate:self];

     /**
    JS调用OC:
    实质:OC注册方法给JS调用
    @param data             JS所传的参数
    @param registerHandler  约定的方法名(此处约定为getOC)
    @param responseCallback OC端通过responseCallback回调JS端,JS就可以得到所需要的数据
    */

    [self.bridge registerHandler:@"getOC" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSLog(@"--------------JS调用getOC->JS回调的数据: %@", data);
        NSError *parseError = nil;
        NSData *jsonData = [NSJSONSerialization dataWithJSONObject:data options:NSJSONWritingPrettyPrinted error:&parseError];
        NSString *message = [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];

        [[MyAlertView alertViewWithTitle:@"OC的弹框-JS调用getOC" message:message onBtnClicked:^(int btnIndex) {

        } cancelButtonTitle:@"确定" otherButtonTitles:nil] show];

        if (responseCallback) {
            // 反馈给JS
            responseCallback(@{@"blogName": @"楠哥"});
        }
    }];

    /**
     OC调用JS:
     @param callHandler      约定的方法名(此处约定为getJS)
     @param data             OC所传的参数
     @param responseData     JS回调数据
     */
    [self.bridge callHandler:@"getJS" data:@{@"name": @"楠哥最帅"} responseCallback:^(id responseData) {
        NSError *parseError = nil;
        NSData *jsonData = [NSJSONSerialization dataWithJSONObject:responseData options:NSJSONWritingPrettyPrinted error:&parseError];
        NSString *message = [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];

        [[MyAlertView alertViewWithTitle:@"OC的弹框-OC调用getJS" message:message onBtnClicked:^(int btnIndex) {

        } cancelButtonTitle:@"确定" otherButtonTitles:nil] show];
        NSLog(@"-------------从JS接收的数据: %@", responseData);
    }];
}

JS端

    
    
    



IOS与H5交互


JS调OC

效果图

OC的信息提示-getJS

OC的信息提示-getJS.png

JS的信息提示-getOC

JS的信息提示-getOC.png

OC的信息提示-getOC

OC的信息提示-getOC.png

最后

直接拷码即可使用,简单粗暴

转载请注明出处