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

转载 2015年11月20日 23:54:43


[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

IOS开发 - UIWebView(用法全面介绍,含最全的JS交互)

前两天我写了一套关于JS与OC交互的三种方法的文章,但是发现自己对UIWebView理解的还是比较浅,一直认为只能简单的当一个webView来使用,具体很多细节都忽略,如果想看我之前UIWebView...
  • sheng_bin
  • sheng_bin
  • 2016年11月10日 22:36
  • 3668

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

[IOS经验总结]UIWebView与JS之间的数据交互,有需要的朋友可以参考下。 在IOS中原生控件很多.能自定义的控件也很多.但在视图界面的开发上如果用原生的控件去做就显得非常麻烦了.在我已...
  • tq471214251
  • tq471214251
  • 2015年10月08日 09:48
  • 407

iOS 开发 Object-C和JavaScript交互详解之OC与JS交互在UIWebView中使用

1.需求分析在浏览器终端中写js代码删除网页中不需要的元素 2.OC调用JS需要实现的代理方法网页加载完成时调用的代理方法 当网页加载完成之后,通过OC的方法调用JS的代码,删除网页展示时不需要的内...
  • kuangdacaikuang
  • kuangdacaikuang
  • 2016年11月24日 09:06
  • 712

iOS开发,UIWebview与H5之间的交互

将HTML页面加载到UIWebview控件中: A:本地加载: NSString *webPath = [[NSBundle  mainBundle]pathForResource:@“Hel...
  • sszTechnology
  • sszTechnology
  • 2016年05月26日 14:57
  • 2608

iOS解析---WebView和js交互原理

原文地址: 目前在网上看到很多介绍IOS里面WebView和JavaScript交互的文章。如果你想用网页去写一个app,那么我推荐 你去用PhoneGap (它是一个用...
  • icmmed
  • icmmed
  • 2014年11月17日 11:42
  • 2586

JavaScript和iOS交互遇到的坑

这段代码写的时机总是不对 当我们在- (void)viewDidLoad中注入JS代码之后,如果页面发生了重定向,此时web页面的JS已经发生了变化,而- (void)viewDidLoad方法只会...
  • Ven519
  • Ven519
  • 2016年08月17日 11:45
  • 1379

IOS之禁用UIWebView的默认交互行为

UIKit提供UIWebView组件,允许开发者在App中嵌入Web页面。通过UIWebView组件,我们可以在应用中很方便的嵌入HTML页面。在利用IOS原生的组件进行界面开发时,界面UI元素的布局...
  • mad2man
  • mad2man
  • 2014年05月21日 16:36
  • 3020

UIWebView与javascript交互二通过页面的响应事件获取页面输入框内的值

接上篇文章,上篇文章实现了UIwebview对html文件的加载和对js事件的响应,但是对html页面上输入的值没有获取。今天就来说说这个首先要用到工具类WebViewJavascriptBridge...
  • HHL110120
  • HHL110120
  • 2015年04月22日 11:36
  • 1577

ios UIWebView截获html并修改便签内容以及用js对图片进行缩放

原文地址:http://blog.csdn.net/yaoqiuxiangcom/article/details/39005039 需求:混合应用UIWebView打开html后,UIWebView...
  • u012338816
  • u012338816
  • 2016年08月05日 17:05
  • 657

iOS UIWebView原生与JS交互

iOS的UIWebView加载网页后实现oc的原生方法与前端的js方法进行交互
  • blueCat_1128
  • blueCat_1128
  • 2017年12月20日 10:29
  • 60
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[IOS经验总结]UIWebView与JS之间的数据交互
举报原因:
原因补充:

(最多只允许输入30个字)