文档章节

IOS下WEBVIEW 的javascript数组与json定义 及交互

Youtubeornotobe
 Youtubeornotobe
发布于 2013/08/20 16:15
字数 397
阅读 4002
收藏 7

最近在折腾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!


© 著作权归作者所有

上一篇: SDWebImage
下一篇: IOS学习
Youtubeornotobe

Youtubeornotobe

粉丝 44
博文 213
码字总数 59889
作品 0
广州
程序员
私信 提问
iOS与JS交互之WKWebView-WKUIDelegate协议

级别:★★☆☆☆ 标签:「iOS与JS交互」「WKWebView与JS交互」「WKUIDelegate」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),JS指前端...

QiShare
2018/09/03
0
0
WebView与APP交互实战

WebView与APP交互 WebView与APP交互,即网页通过调用APP的功能,APP也可以通过调用网页提供的方法。最近刚好接触到这一块,记录一下前端侧的实际操作过程,这篇文章适合还没接触过这一块的同学...

fengxianqi
01/29
0
0
基于原生的移动跨平台研究和实践

基于原生主要是针对基于webview+h5比较来说的,基于H5的我不想再讨论了,我想尝试的是从UI到功能都是原生,而不是用H5模拟的所谓原生体验。 背景 我们从开发角度来考虑,但凡想从事长远的开发...

voxer
2017/03/26
143
0
Objective-C与JavaScript的交互

UIWebView是iOS最常用的SDK之一,它有一个stringByEvaluatingJavaScriptFromString方法可以将 javascript嵌入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。 UIWebView是...

长平狐
2013/03/19
114
0
【jQuery】jQuery对本地json的读取和遍历

有时候,我们想写写一个跨平台的单机小程序、小软件,自然就会想到HTML5,但我们又不想运用服务器或者数据库这么重型的东西,自然就会想到用json或者xml来存些持久化数据,让我们的小程序加载...

yongh701
2018/05/15
651
0

没有更多内容

加载失败,请刷新页面

加载更多

CSS--列表

一、列表标识项 list-style-type none:去掉标识项 disc:默认实心圆 circle:空心圆 squire:矩形 二、列表项图片 list-style-img: 取值:url(路径) 三、列表项位置 list-style-position:...

wytao1995
今天
4
0
linux 命令-文本比较comm、diff、patch

本文原创首发于公众号:编程三分钟 今天学了三个文本比较的命令分享给大家。 comm comm 命令比较相同的文本 $ cat charabc$ cat chardiffadc 比如,我有两个文件char和chardiff如上,...

编程三分钟
今天
7
0
QML教程

https://blog.csdn.net/qq_40194498/article/category/7580030 https://blog.csdn.net/LaineGates/article/details/50887765...

shzwork
今天
5
0
HA Cluster之5

对于使用heartbeat v2版的CRM配置的集群信息都是保存在一个名为cib.xml的配置文件中,存放在/var/lib/heartbeat/crm/下。CIB:Cluster Information Base,由于xml文件配置不是那么方便,所以...

lhdzw
今天
6
0
玩转Redis-Redis基础数据结构及核心命令

  《玩转Redis》系列文章主要讲述Redis的基础及中高级应用,文章基于Redis5.0.4+。本文主要讲述Redis的数据结构String,《玩转Redis-Redis基础数据结构及核心命令》相关操作命令为方便对比...

zxiaofan666
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部