JS与iOS之间的通信
来源:互联网 发布:如何找到淘宝卖家 编辑:程序博客网 时间:2024/05/16 09:27
原文地址:http://my.oschina.net/u/857043/blog/88704
JS与iOS之间的通信,主要运用两个方法:(PhoneGap框架也是基于此原理)
1、UIWebView的 stringByEvaluatingJavaScriptFromString方法
2、UIWebViewDelegate的
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType方法
示例:
上部分是一个UIWebView,实现UIWebViewDelegate
- - (void)viewDidLoad
- {
- [super viewDidLoad];
- NSString *path = [[NSBundle mainBundle] pathForResource:@"jm/info" ofType:@"html"];
- NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]];
- [self.webView loadRequest:request];
- }
- (void)viewDidLoad{ [super viewDidLoad]; NSString *path = [[NSBundle mainBundle] pathForResource:@"jm/info" ofType:@"html"]; NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]; [self.webView loadRequest:request];}
- #pragma mark - UIWebViewDelegate
- - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
- {
- if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/name"])
- {
- NSString *info = [[UIDevice currentDevice] name];
- NSString *js = [NSString stringWithFormat:@"showInfo(\"name\",\"%@\")",info];
- [self.webView stringByEvaluatingJavaScriptFromString:js];
- return false;
- }
- if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/systemVersion"])
- {
- NSString *info = [[UIDevice currentDevice] systemVersion];
- NSString *js = [NSString stringWithFormat:@"showInfo(\"systemVersion\",\"%@\")",info];
- [self.webView stringByEvaluatingJavaScriptFromString:js];
- return false;
- }
- return true;
- }
#pragma mark - UIWebViewDelegate- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{ if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/name"]) { NSString *info = [[UIDevice currentDevice] name]; NSString *js = [NSString stringWithFormat:@"showInfo(\"name\",\"%@\")",info]; [self.webView stringByEvaluatingJavaScriptFromString:js]; return false; } if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/systemVersion"]) { NSString *info = [[UIDevice currentDevice] systemVersion]; NSString *js = [NSString stringWithFormat:@"showInfo(\"systemVersion\",\"%@\")",info]; [self.webView stringByEvaluatingJavaScriptFromString:js]; return false; } return true;}
JS代码:
- <!DOCTYPE html>
- <html>
- <head>
- <title>city</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="jquery.mobile-1.0.css"/>
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="jquery.mobile-1.0.js"></script>
- <script>
- function getInfo(name)
- {
- window.location = "/getInfo/"+name;
- }
- function showInfo(id,info)
- {
- $("p#"+id).html(info);
- }
- </script>
- </head>
- <body>
- <div data-role="page">
- <div data-role="content">
- <h2>Divice Info</h2>
- <div data-role="collapsible-set" data-theme="c" data-content-theme="d">
- <div data-role="collapsible">
- <h3 onclick="getInfo('name')">name</h3>
- <p id="name"></p>
- </div>
- <div data-role="collapsible">
- <h3 onclick="getInfo('systemVersion')">systemVersion</h3>
- <p id="systemVersion"></p>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
0 0
- JS与iOS之间的通信
- JS与iOS之间的通信
- JS与iOS之间的通信
- JS与iOS之间的通信 iOS调用JS代码
- JS与AS之间的相互通信
- React Js 与 Native 之间的通信
- IOS与JS通信
- iOS UIWeb与JS之间的交互
- vue.js组件与组件之间的通信
- Java后台与js前端之间的通信问题
- iOS:JavaScript与Objective-C之间的通信
- React Native 与原生之间的通信(iOS)
- iOS WebView与js通信
- 进程之间与线程之间的通信
- [IOS经验总结]UIWebView与JS之间的数据交互
- [IOS经验总结]UIWebView与JS之间的数据交互
- [IOS经验总结]UIWebView与JS之间的数据交互
- iOS与Html5和JS之间的交互---学习笔记
- 简单JS传出参数例子
- Java和C++的区别
- netlink---Linux下基于socket的内核和上层通信机制(上)
- 线程各种状态
- 分页管理上增删改查那些事儿
- JS与iOS之间的通信
- java webservice 注解
- redis之AOF持久化机制
- 一个非常好的PDF转TXT使用流程
- UILabel的相关属性设置
- CSS3+less实验(1)——gradient
- [leecode] Longest Common Prefix
- Reverse Linked List
- spring MVC配置详解