ios开发原生请求html,iOS开发,UIWebview与H5之间的交互

导语:随着微信的不断推广,在移动开发的过程中原生与H5的混合开发在移动开发中占据着越来越重要的地位;下面我给大家分享一下我在混合开发中的心得!将HTML页面加载到UIWebview控件中:

A:本地加载:NSString *webPath = [[NSBundlemainBundle]pathForResource:@“HelloWord"ofType:@"html”];//获取文件路径

NSURL *webURL = [NSURLfileURLWithPath:webPath];//通过文件路径字符串设置URL

NSURLRequest *URLRequest = [NSURLRequestrequestWithURL:webURL];//设置请求提交的相关URL

[self.webView loadRequest:URLRequest];//提交请求

B:从服务器加载HTML页面NSString *urlStr = [NSString stringWithFormat:@"%@/appservice/getAnnouncementDetail.do?id=%@",O2O_URL,self.idStr];

NSURL *url = [NSURL URLWithString:urlStr];

NSLog(@"url:%@",url);

NSURLRequest *request = [NSURLRequest requestWithURL:url];

[self.webView loadRequest:request];

2.加入UIWebViewDelegate委托(如果想要进行相应的数据交互必须添加相应的我委托)-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType//html页面的js动作触发时运行-(void)webViewDidFinishLoad:(UIWebView *)webView //html加载完后触发

3.OC提交JS请求.运行JS方法[self.webViewstringByEvaluatingJavaScriptFromString:@”方法名(%@)",参数]];

4.JS提交请求到OC-(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType{

NSString *requestString = [[requestURL]absoluteString];//获取请求的绝对路径.

NSArray *components = [requestStringcomponentsSeparatedByString:@":”];//提交请求时候分割参数的分隔符

if ([componentscount] >1 && [(NSString *)[componentsobjectAtIndex:0]isEqualToString:@"testapp"]) {

//过滤请求是否是我们需要的.不需要的请求不进入条件

if([(NSString *)[components objectAtIndex:1]isEqualToString:@"change"])

{

//所要执行的操作

}

returnNO;

}

returnYES;

}

5.在HTML5中JS的写法

1.接收请求的方法写法function

fund(){

//操作

}

2.提交请求的方法写法function sendCommand(cmd,param){

var url="testapp:"+cmd+":"+param;//组合请求字符串

document.location = url;//提交的请求

}

最后附上例子程序(传送阵):

http://download.csdn.net/detail/fqcl992/6929375

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值