打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
[IOS经验总结]UIWebView与JS之间的数据交互

[IOS经验总结]UIWebView与JS之间的数据交互,有需要的朋友可以参考下。


在IOS中原生控件很多.能自定义的控件也很多.但在视图界面的开发上如果用原生的控件去做就显得非常麻烦了.在我已知的技术中拥有最便捷和效果最好的视图技术展示技术中.最优秀的就要属网页.假如用到HTML来展示视图界面的话.我们就需要一个承载的容器.这个容器IOS已经帮我们提供好了,那就是我们今天的主角UIWebView控件.
准备工作:
一个完整的html页面.
一.将html网页加载进入UIWebView容器中
在"-(void)viewDidLoad”方法中加入如下代码
NSString *webPath = [[NSBundlemainBundle]pathForResource:@“HelloWord"ofType:@"html”];//获取文件路径
NSURL *webURL = [NSURLfileURLWithPath:webPath];//通过文件路径字符串设置URL
NSURLRequest *URLRequest = [NSURLRequestrequestWithURL:webURL];//设置请求提交的相关URL
[self.webViewloadRequest:URLRequest];//提交请求
二.加入UIWebViewDelegate委托(如果想要进行相应的数据交互必须添加相应的我委托)
1.-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType//html页面的js动作触发时运行
2.-(void)webViewDidFinishLoad:(UIWebView *)webView //html加载完后触发
三.OC提交JS请求.运行JS方法
[self.webViewstringByEvaluatingJavaScriptFromString:@”方法名(%@)",参数]];
四.JS提交请求到OC
在-(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType中添加如下代码:

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

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

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

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

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

{

//所要执行的操作

}

returnNO;

}

returnYES;

五.HTML中JS的写法.
1.接收请求的方法写法
functionfund(){
//操作
}
2.提交请求的方法写法
function sendCommand(cmd,param){

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

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

}

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

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
Objective-C与JavaScript的交互
利用C#开发移动跨平台Hybrid App(一):从Native端聊Hybrid的实现
ios_WKWebView与JS交互实战技巧
iOS与HTML5交互方法总结
iOS怎么和H5界面实现交互?求代码! | iOS开发
iOS与JavaScript交互总结
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服