1. 程式人生 > >iOS與JS互動,OC呼叫JS方法,JS呼叫OC方法,URL解碼

iOS與JS互動,OC呼叫JS方法,JS呼叫OC方法,URL解碼

 首先 iOS7開始 蘋果公佈了JavaScriptCore.framework 它使得JS與OC的互動更加方便了。

 第一步:匯入framework

 OC 呼叫JS方法 :(一句話即可)

-(void)webViewDidFinishLoad:(UIWebView *)webView

     // JS url載入完成後,可直接呼叫JS方法showmessage。 如果有需求,還可以傳遞引數。

     [myWebView stringByEvaluatingJavaScriptFromString:@"showmessage('引數')"];

     // 若JS有返回值此方法會直接返回。返回的格式為URL編碼格式,所以必須解碼才能使用。 下邊是解碼方法

        例如: NSString *data = [myWebViewstringByEvaluatingJavaScriptFromString:@"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中宣告方法

  1. <html>
  2.     <head>
  3.         <metahttp-equiv="content-type"content="text/html;charset=utf-8">
  4.             <title>js呼叫oc</title>
  5.             <scripttype="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><buttontype="text"id="text1"value="點選這裡1"onclick="testFunction1('printLog:','str')">呼叫本地帶引數的方法</button></p>
  18.         <p><buttontype="text"id="text2"value="點選這裡2"onclick="testFunction2('testFunc')">呼叫本地不帶引數的方法</button></p>
  19.     </body>
  20. </html>

再呼叫webview代理

  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.         elseif(2 == [arrFucnameAndParametercount])  
  19.         {  
  20.             //有引數的
  21.             if([funcStr isEqualToString:@"printLog:"] && [arrFucnameAndParameterobjectAtIndex:1])  
  22.             {  
  23.                 /*呼叫本地函式*/
  24.                 [self printLog:@"js呼叫本地帶引數的方法成功!"];  
  25.             }   
  26.         }   
  27.         returnNO;   
  28.     };   
  29.     returnYES;  
  30. }  
  31. - (void)printLog:(NSString *)str  
  32. {  
  33.     NSLog(@"%@", str);  
  34. }  
  35. - (void)testFunc  
  36. {  
  37.     NSLog(@"js呼叫本地不帶引數的方法成功!");