IOS OC与JS最全交互

现在原生端与JS交互是非常常见，项目中刚好有些详情页面需要与JS交互，同时评论在原生请求，JS端显示评论的内容。

是滴，今天主角就是它--UIWebView.

UIWebView内置一个方式可以执行JavaScript代码，因此OC调用JS比较方便点

- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;

OC部分：

    //以下的方法名一定要与JS的方法名对应，这是oc调取JS的方法
    NSString *nike = NikeName;
    NSString *head = HEADICON;
    NSString *str = [NSString stringWithFormat:@"alertSendMsg('%@','%@','%@')",nike,head,text];
    //这个是多参的方法
    [webView stringByEvaluatingJavaScriptFromString:str];
    //这个是无参的方法
    [webView stringByEvaluatingJavaScriptFromString:@"alertMobile()"];
    //这个是一个参数的方法
    [webView stringByEvaluatingJavaScriptFromString:@"alertName('冯大大')"];

JS部分：

function alertMobile() {
        alert('我是上面的小黄 手机号是:13300001111')
    }
    
    function alertName(msg) {
        alert('你好 ' + msg + ', 我也很高兴见到你')
    }
    
    function alertSendMsg(num,msg) {
        alert('这是我的手机号:' + num + ',' + msg + '!!')
    }

接下来是JS调用OC方法

UIWebView 中的delegate中的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    
    //OC调用JS是基于协议拦截实现的 下面是相关操作
    NSString *absolutePath = request.URL.absoluteString;
    
    NSString *scheme = @"rrcc://";
    
    if ([absolutePath hasPrefix:scheme]) {
        NSString *subPath = [absolutePath substringFromIndex:scheme.length];
        
        if ([subPath containsString:@"?"]) {//1个或多个参数
            
            if ([subPath containsString:@"&"]) {//多个参数
                NSArray *components = [subPath componentsSeparatedByString:@"?"];
                
                NSString *methodName = [components firstObject];
                
                methodName = [methodName stringByReplacingOccurrencesOfString:@"_" withString:@":"];
//                SEL sel = NSSelectorFromString(methodName);
                
                NSString *parameter = [components lastObject];
                NSArray *params = [parameter componentsSeparatedByString:@"&"];
                
                if (params.count == 2) {
                }
                
                
            } else {//1个参数
                NSArray *components = [subPath componentsSeparatedByString:@"?"];
                
                NSString *methodName = [components firstObject];
                methodName = [methodName stringByReplacingOccurrencesOfString:@"_" withString:@":"];
              
                NSString *parameter = [components lastObject];
                
                if ([parameter isEqualToString:@"comment"]) {
                    
                }
            }
        } else {//没有参数
//            NSString *methodName = [subPath stringByReplacingOccurrencesOfString:@"_" withString:@":"];
//            SEL sel = NSSelectorFromString(methodName);
//            
//            if ([self respondsToSelector:sel]) {
//                [self performSelector:sel];
//            }
        }
    }
    
    return YES;

}

JS 中对应的方法

  //JS响应方法列表
            function btnClick1() {
                location.href = "rrcc://showMobile"
            }
        
            function btnClick2() {
                location.href = "rrcc://showName_?xiaohuang"
            }
        
            function btnClick3() {
                location.href = "rrcc://showSendNumber_msg_?13300001111&go climbing this weekend"
            }

JS与OC之间的交互已经完成。

代码参考：https://github.com/DevFengJiao/OC-JS-UIWebView-master