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

2019-11-14 20:39:46

字體：大中小

來源：轉載

供稿：網友

此解決方案原理：

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

//
// ViewController.h
// JS_IOS_01
//
// Created by IMAC on 14-2-24.
// Copyright (c) 2014年 Wanggsx. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController<UIWebViewDelegate>
{}
@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頁面完整代碼如下：

<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<title>js調用oc</title>
<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>
</head>
<body>
<p><input type="text" id="text1" value="我來自ios蘋果"/></p>
<p><input type="text" id="text2" value="我來自earth地球"/></p>
<p><input type="button" id="enter" value="enter" onclick="testClick('getParam1:withParam2:');"/></p>
</body>
</html>

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