JS 与 OC 交互的三种方法

第一种:使用JavaScriptCore.framework框架,JS给OC传值。

OC里要实现的代码:

在webViewDidFinishLoad:方法里编写如下代码:

其中:passValue 是自定义的一个函数名,要和JS代码里传值的函数名一致,得到的arg数组里面为JS那边传过来的参数。

JS里要实现的代码:(很简单)

在需要给OC传值的函数里(例如:testClick())直接调用 passValue()函数,将值传进去即可。


第二种:使用自定义url方法,JS给OC传值。

JS里要实现的代码:

在需要给OC传值的函数里(例如:testClick())写如上格式的代码。

其中 objc 是自定义的协议头,cmd为自定义的函数名称(我认为没什么用),hello和world为传给OC的两个值。

OC里要实现的代码:

第三种:使用WebViewJavascriptBridge三方库实现JS与OC的相互传值。

JS里需要实现的代码:

按钮点击事件代码:    点击网页上的按钮向OC传过去一个字典{'foo':'bar'},同时接收到OC传过来的一个值response。 

bridge.registerHandler 代码:  OC向JS传值时调用。

OC里需要实现的代码:

注释里写的很清楚,这里就不在赘述。

需要注意的是:不论哪方给哪方传值,传值的方法名称与对应接收值的方法名称要保持一致。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,901评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,339评论 4 61
  • 一、JS给OC传值 1. 技术方案:使用JavaScriptCore.framework框架 2. 使用场景: 网...
    love埖落葙缌盡阅读 3,392评论 0 4
  • 等,未知或者预期,雨来了。一个黄昏。 先是风来了,把好看的云给吹散了去,黑色的云开始一簇一簇聚集,堆...
    龙青阅读 2,905评论 2 1
  • 中午吃饭的时间,看了最近一期的《我是歌手》,本来是想抱着随意听听的态度,结果,我就跑来“发表获奖感言”了...每一...
    banana小姐阅读 3,025评论 3 1