iOS与JS交互,OC调用JS方法,JS调用OC方法,URL解码

来源:互联网 发布:网易人工智能事业部 编辑:程序博客网 时间:2024/05/22 06:06


 首先 iOS7开始 苹果公布了JavaScriptCore.framework 它使得JS与OC的交互更加方便了。

 第一步:导入framework

  OC 调用JS方法 :(一句话即可)

-(void)webViewDidFinishLoad:(UIWebView *)webView

     // JS url加载完成后,可直接调用JS方法showmessage。 如果有需求,还可以传递参数。

     [myWebView stringByEvaluatingJavaScriptFromString:@"showmessage('参数')"];

     // 若JS有返回值此方法会直接返回。返回的格式为URL编码格式,所以必须解码才能使用。 下边是解码方法

        例如: NSString *data = [myWebView stringByEvaluatingJavaScriptFromString:@"showmessage('参数')"];
}


// URL 解码

- (NSString *)decodeFromPercentEscapeString: (NSString *) input

{

    NSMutableString *outputStr = [NSMutableString stringWithString:input];

    [outputStr replaceOccurrencesOfString:@"+"

                               withString:@" "

                                  options:NSLiteralSearch

                                    range:NSMakeRange(0, [outputStr length])];

    

    return [outputStr stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];

}



 

JS调用OC方法:


  // webView 的代理方法, 网页加载之前调用。看到之前有同学提供的例子。

首先在js中声明方法

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <html>  
  2.     <head>  
  3.         <meta http-equiv="content-type"content="text/html;charset=utf-8">  
  4.             <title>js调用oc</title>  
  5.             <script type="text/javaScript">  
  6.                 /* 调用本地带参数的方法 */  
  7.                 function testFunction1(cmd,parameter1){  
  8.                     return document.location="objc://"+cmd+":/"+parameter1; //cmd代表objective-c中的的方法名,parameter1自然就是参数了  
  9.                 }  
  10.                 /* 调用本地不带参数的方法 */  
  11.                 function testFunction2(cmd){  
  12.                     return document.location="objc://"+cmd; //cmd代表objective-c中的的方法名  
  13.                 }  
  14.             </script>  
  15.             </head>  
  16.     <body>  
  17.         <p><button type="text" id="text1" value="点击这里1"onclick="testFunction1('printLog:','str')">调用本地带参数的方法</button></p>  
  18.         <p><button type="text" id="text2" value="点击这里2"onclick="testFunction2('testFunc')">调用本地不带参数的方法</button></p>  
  19.     </body>    
  20. </html>  

再调用webview代理

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType  
  2. {  
  3.     NSString *urlString = [[request URL] absoluteString];  
  4.     NSArray *urlComps = [urlStringcomponentsSeparatedByString:@"://"];  
  5.     if([urlComps count] && [[urlCompsobjectAtIndex:0] isEqualToString:@"objc"])  
  6.     {  
  7.         NSArray *arrFucnameAndParameter = [(NSString*)[urlCompsobjectAtIndex:1] componentsSeparatedByString:@":/"];  
  8.         NSString *funcStr = [arrFucnameAndParameterobjectAtIndex:0];  
  9.         if (1 == [arrFucnameAndParametercount])  
  10.         {  
  11.             // 没有参数  
  12.             if([funcStr isEqualToString:@"testFunc"])  
  13.             {  
  14.                 /*调用本地函数*/  
  15.                 [self testFunc];  
  16.             }  
  17.         }  
  18.         else if(2 == [arrFucnameAndParametercount])  
  19.         {  
  20.             //有参数的  
  21.             if([funcStr isEqualToString:@"printLog:"] && [arrFucnameAndParameterobjectAtIndex:1])  
  22.             {  
  23.                 /*调用本地函数*/  
  24.                 [self printLog:@"js调用本地带参数的方法成功!"];  
  25.             }   
  26.         }   
  27.         return NO;   
  28.     };   
  29.     return YES;  
  30. }  
  31.   
  32. - (void)printLog:(NSString *)str  
  33. {  
  34.     NSLog(@"%@", str);  
  35. }  
  36.   
  37. - (void)testFunc  
  38. {  
  39.     NSLog(@"js调用本地不带参数的方法成功!");  




1 0