你好，歡迎來到IOS教程網
設為首頁加入收藏

首頁
IOS基礎知識
IOS使用技巧
IOS編程開發
IOS教程
IOS訊息
 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> ios--網頁js調用oc代碼+傳遞參數+避免中文參數亂碼的解決方案(實例)

ios--網頁js調用oc代碼+傳遞參數+避免中文參數亂碼的解決方案(實例)

編輯：IOS開發綜合

 

此解決方案原理：

1、在ViewController.h中聲明方法和成員變量,以及webView的委托：

 

//
//  ViewController.h
//  JS_IOS_01
//
//  Created by IMAC on 14-2-24.
//  Copyright (c) 2014年 Wanggsx. All rights reserved.
//

#import 

@interface ViewController : UIViewController
{}
@property (nonatomic,retain) IBOutlet UIWebView *webView;
// 兩個參數
-(void)getParam1:(NSString*)str1 withParam2:(NSString*)str2;
@end

 

2、在ViewController.m中合成成員變量並實現該方法：

 

//
//  ViewController.m
//  JS_IOS_01
//
//  Created by IMAC on 14-2-24.
//  Copyright (c) 2014年 Wanggsx. All rights reserved.
//

#import ViewController.h

@interface ViewController ()

@end

@implementation ViewController
@synthesize webView;
- (void)viewDidLoad
{
    [super viewDidLoad];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

-(void)getParam1:(NSString*)str1 withParam2:(NSString*)str2
{
        NSLog(@收到html傳過來的參數：str1=%@,str2=%@,str1,str2);
}
@end

3、在html頁面中使用js代碼調用該方法並傳遞2個參數(可以帶中文)，並使用button控件點擊事件觸發js方法。注意由於參數可能帶有中文，故該html代碼中應該有將中文轉為utf-8的方法。html頁面完整代碼如下：

 

 




<script type=text/javaScript>
            function testClick(cmd)
            {
                //var str1 = ducument.getElementById(text1).value;
                //var str2 = ducument.getElementById(text2).value;
                var str1=document.getElementById(text1).value;
                var str2=document.getElementById(text2).value;
                //var str1=我來自ios蘋果; //%25u6211%25u6765%25u81EAios%25u82F9%25u679C
                //var str2=我來自earth地球;//%25u6211%25u6765%25u81EAearth%25u5730%25u7403
                document.write(Date());
                window.location.href=objc://+cmd+:/+EncodeUtf8(str1)+:/+EncodeUtf8(str2);
            }
        
            // 字符串轉換utf-8
            function EncodeUtf8(s1)
            {
                // escape函數用於對除英文字母外的字符進行編碼。如“Visit W3School!”->Visit%20W3School%21
                var s = escape(s1);
                var sa = s.split(%);//sa[1]=u6211
                var retV =;
                if(sa[0] != )
                {
                    retV = sa[0];
                }
                for(var i = 1; i < sa.length; i ++)
                {
                    if(sa[i].substring(0,1) == u)
                    {
                        retV += Hex2Utf8(Str2Hex(sa[i].substring(1,5)));
                        if(sa[i].length>=6)
                        {
                            retV += sa[i].substring(5);
                        }
                    }
                    else retV += % + sa[i];
                }
                return retV;
            }
            function Str2Hex(s)
            {
                var c = ;
                var n;
                var ss = 0123456789ABCDEF;
                var digS = ;
                for(var i = 0; i < s.length; i ++)
                {
                    c = s.charAt(i);
                    n = ss.indexOf(c);
                    digS += Dec2Dig(eval(n));
                    
                }
                //return value;
                return digS;
            }
            function Dec2Dig(n1)
            {
                var s = ;
                var n2 = 0;
                for(var i = 0; i < 4; i++)
                {
                    n2 = Math.pow(2,3 - i);
                    if(n1 >= n2)
                    {
                        s += '1';
                        n1 = n1 - n2;
                    }
                    else
                    s += '0';
                    
                }
                return s;
                
            }
            function Dig2Dec(s)
            {
                var retV = 0;
                if(s.length == 4)
                {
                    for(var i = 0; i < 4; i ++)
                    {
                        retV += eval(s.charAt(i)) * Math.pow(2, 3 - i);
                    }
                    return retV;
                }
                return -1;
            }
            function Hex2Utf8(s)
            {
                var retS = ;
                var tempS = ;
                var ss = ;
                if(s.length == 16)
                {
                    tempS = 1110 + s.substring(0, 4);
                    tempS += 10 +  s.substring(4, 10);
                    tempS += 10 + s.substring(10,16); 
                    var sss = 0123456789ABCDEF; 
                    for(var i = 0; i < 3; i ++) 
                    { 
                        retS += %; 
                        ss = tempS.substring(i * 8, (eval(i)+1)*8); 
                        
                        
                        
                        retS += sss.charAt(Dig2Dec(ss.substring(0,4))); 
                        retS += sss.charAt(Dig2Dec(ss.substring(4,8))); 
                    } 
                    return retS; 
                } 
                return ; 
            }
        </script>






4、在ViewController的viewDidLoad方法中加載該html網頁：

 


 


- (void)viewDidLoad
{
    [super viewDidLoad];
	webView.backgroundColor = [UIColor clearColor];
    //webView.scalesPageToFit =YES;
    webView.delegate =self;
    NSString *basePath = [[NSBundle mainBundle]bundlePath];
    NSString *helpHtmlPath = [basePath stringByAppendingPathComponent:@jsIOS.html];
    NSURL *url = [NSURL fileURLWithPath:helpHtmlPath];
    NSURLRequest *request=[NSURLRequest requestWithURL:url];
    [webView loadRequest:request];
}



5、在ViewCotroller中重寫WebView的委托方法shouldStartLoadWithRequest:navigationType:，並接收html網頁傳遞過來的2個參數：

 


 


- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSString *urlString = [[request URL] absoluteString];
    urlString = [urlString stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    NSLog(@urlString=%@,urlString);
    NSArray *urlComps = [urlString componentsSeparatedByString:@://];
    
    if([urlComps count] && [[urlComps objectAtIndex:0] isEqualToString:@objc])
    {
        
        NSArray *arrFucnameAndParameter = [(NSString*)[urlComps objectAtIndex:1] componentsSeparatedByString:@:/];
        NSString *funcStr = [arrFucnameAndParameter objectAtIndex:0];
        
        if (1 == [arrFucnameAndParameter count])
        {
            // 沒有參數
            if([funcStr isEqualToString:@doFunc1])
            {
                
                /*調用本地函數1*/
                NSLog(@doFunc1);
                
            }
        }
        else
        {
            //有參數的
            if([funcStr isEqualToString:@getParam1:withParam2:])
            {
                [self getParam1:[arrFucnameAndParameter objectAtIndex:1] withParam2:[arrFucnameAndParameter objectAtIndex:2]];
            }
        }
        return NO;
    }
    return TRUE;
}




6、運行項目，點擊網頁中的按鈕，即可實現html調用並傳遞參數給OC代碼。

 


 


以下是完整的ViewController.m的代碼：


 


//
//  ViewController.m
//  JS_IOS_01
//
//  Created by IMAC on 14-2-24.
//  Copyright (c) 2014年 Wanggsx. All rights reserved.
//

#import ViewController.h

@interface ViewController ()

@end

@implementation ViewController
@synthesize webView;
- (void)viewDidLoad
{
    [super viewDidLoad];
	webView.backgroundColor = [UIColor clearColor];
    //webView.scalesPageToFit =YES;
    webView.delegate =self;
    NSString *basePath = [[NSBundle mainBundle]bundlePath];
    NSString *helpHtmlPath = [basePath stringByAppendingPathComponent:@jsIOS.html];
    NSURL *url = [NSURL fileURLWithPath:helpHtmlPath];
    NSURLRequest *request=[NSURLRequest requestWithURL:url];
    [webView loadRequest:request];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSString *urlString = [[request URL] absoluteString];
    urlString = [urlString stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    NSLog(@urlString=%@,urlString);
    NSArray *urlComps = [urlString componentsSeparatedByString:@://];
    
    if([urlComps count] && [[urlComps objectAtIndex:0] isEqualToString:@objc])
    {
        
        NSArray *arrFucnameAndParameter = [(NSString*)[urlComps objectAtIndex:1] componentsSeparatedByString:@:/];
        NSString *funcStr = [arrFucnameAndParameter objectAtIndex:0];
        
        if (1 == [arrFucnameAndParameter count])
        {
            // 沒有參數
            if([funcStr isEqualToString:@doFunc1])
            {
                
                /*調用本地函數1*/
                NSLog(@doFunc1);
                
            }
        }
        else
        {
            //有參數的
            if([funcStr isEqualToString:@getParam1:withParam2:])
            {
                [self getParam1:[arrFucnameAndParameter objectAtIndex:1] withParam2:[arrFucnameAndParameter objectAtIndex:2]];
            }
        }
        return NO;
    }
    return TRUE;
}

-(void)getParam1:(NSString*)str1 withParam2:(NSString*)str2
{
        NSLog(@收到html傳過來的參數：str1=%@,str2=%@,str1,str2);
}
@end







 
						
		
	
				

					
   

					

					

				
	
			

			 
			
    	
				
  1. 上一頁:
  2. 下一頁:
    3. 
			

			

				

					

					
IOS開發綜合

					

						
						

							
							iOS開辟中應用Picker View完成一個點菜運用的UI示例
							
1、完成後果
　　解釋：點擊隨機按鈕，可以或許主動拔取，下
						

						
						

							
							iOS 2D繪圖詳解（Quartz 2D）之路徑(點,直線,虛線,曲線,圓弧,橢圓,矩形)
							 

前言：一個路徑可以包含由一個或者多個shap
						

						
						

							
							iOS最新集成支付寶詳解
							本文介紹了iOS快速集成支付寶支付的方法，本文中介紹的方法是
						

						
					

				

			

			

				

					

					
IOS編程開發

					
				

			

		

		

			

				
相關文章
+

				
			

			

				IOS開發基礎IOS編程技術IOS開發綜合 
				

			

			
 

			 
			

				

					
					

						
						ios自定義類(UIView)代碼生成簡單的UITableViewCell
					

					
				

				
			

		

		

	






	

		蘋果刷機越獄教程|
		IOS教程問題解答|
		IOS技巧綜合|
		IOS7技巧|
		IOS8教程
	

	
Copyright © Ios教程網 All Rights Reserved