IOS下WEBVIEW 的javascript数组与json定义 及交互
2013-08-20 00:00
429 查看
最近在折腾IOS新闻浏览客户端,当中需要用到webview传递JSON数据到IOS上,然后在IOS上解析。刚入门IOS不久,看了不少的书,但都是囫囵吞枣。在开发过程中,遇到不少问题。
开发环境
mac mini (IOS端开发)
thinkpad x200s(PHP开发)
功能实现:
在WEBVIEW创建DOM监听,判断用户按下WEBVIEW上链接,通过DOM获取相关链接信息,遍历数组,最终用
$.toJSON(jsArray);//将JS数组转换成JSON格式
下面记录一下
1、JS数组定义
最终在WEBVIEW端需要传递的JSON格式为
[{"title":"网页标题1","url":"网页地址1"},{"title":"网页标题2","url":"网页地址2"}]
实现思路步骤:
首先是定义javascript数组,
var jsArray = new Array();
或者
var jsArray = [];
为了显COOL,我用后面的数组定义
问题来了:
在PHP下定义
phpArray[i]['title']=网页标题1;
轻而易举,但是在JAVASCRIPT却不行。
后来经过尝试得出了:
jsArray[i]={"title":"网页标题","url":"网页地址"};
$.toJSON();
在网上找到的toJSON插件函数,在页面上导入,当在console输出的json格式却为
[{title:"网页标题",url:"网页地址"};]
很明显这个json格式不标准,经排除,确认是在toJSON插件下数组拼切时没有加上"
最后在WEBVIEW的JS发送json数据到IOS端
bridge.send($.toJSON(jsArray));
IOS端用了WebViewJavascriptBridge来桥接
-(void)viewDidLoad
{
_bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback){
NSLog(@"获取JSON数据:%@",data);
}];
}
OK,Done!
开发环境
mac mini (IOS端开发)
thinkpad x200s(PHP开发)
功能实现:
在WEBVIEW创建DOM监听,判断用户按下WEBVIEW上链接,通过DOM获取相关链接信息,遍历数组,最终用
$.toJSON(jsArray);//将JS数组转换成JSON格式
下面记录一下
1、JS数组定义
最终在WEBVIEW端需要传递的JSON格式为
[{"title":"网页标题1","url":"网页地址1"},{"title":"网页标题2","url":"网页地址2"}]
实现思路步骤:
首先是定义javascript数组,
var jsArray = new Array();
或者
var jsArray = [];
为了显COOL,我用后面的数组定义
问题来了:
在PHP下定义
phpArray[i]['title']=网页标题1;
轻而易举,但是在JAVASCRIPT却不行。
后来经过尝试得出了:
jsArray[i]={"title":"网页标题","url":"网页地址"};
$.toJSON();
在网上找到的toJSON插件函数,在页面上导入,当在console输出的json格式却为
[{title:"网页标题",url:"网页地址"};]
很明显这个json格式不标准,经排除,确认是在toJSON插件下数组拼切时没有加上"
最后在WEBVIEW的JS发送json数据到IOS端
bridge.send($.toJSON(jsArray));
IOS端用了WebViewJavascriptBridge来桥接
-(void)viewDidLoad
{
_bridge = [WebViewJavascriptBridge bridgeForWebView:webView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback){
NSLog(@"获取JSON数据:%@",data);
}];
}
OK,Done!
相关文章推荐
- IOS下WEBVIEW 的javascript数组与json定义 及交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS webView的高级用法之JS交互,js与oc的相互调用(JavaScriptCore)
- iOS OC与JS的交互(WebViewJavascriptBridge实现)
- iOS中UIWebView与WKWebView、JavaScript与OC交互、Cookie管理看我就够(上)
- iOS中UIWebView与WKWebView、JavaScript与OC交互、Cookie管理看我就够(下)
- js与ios交互,使用WebViewJavascriptBridge三方库
- iOS中OC与JS交互WebViewJavascriptBridge的简单使用
- iOS 基于JavaScriptCore 不等webView加载完毕就交互,网页获取原生内容。 webView的高级用法之JS交互,js与oc的相互调用
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS原生WebView中JavaScript和OC交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS中UIWebView与WKWebView、JavaScript与OC交互、Cookie管理看我就够(中)
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- 使用WebViewJavascriptBridge进行iOS与H5交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS开发使用WebViewJavascriptBridge实现OC与JS交互
- iOS开发-------基于WKWebView的原生与JavaScript数据交互
- 【iOS】WebView的使用、Javascript和Objective-C的交互
- iOS中html5的交互:WebViewJavascriptBridge