JS 与 OC 交互的三种方法

作者: balancelibra | 来源:发表于2016-07-13 14:11 被阅读231次

第一种:使用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里需要实现的代码:

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

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

相关文章

  • iOS通过UIWebView实现与JS的交互

    最近的一个项目中需要实现OC与JS的交互,在iOS中实现方法有三种,本文主要介绍下UIWebView如何与JS交互...

  • OC与JS交互

    OC与JS交互前言 OC与JS交互之UIWebView OC与JS交互之WebViewJavascriptBrid...

  • JS与OC交互大总结之二--OC调用JS

    我们接着来聊一聊JS与OC交互的那些事儿。上一篇只介绍的了JS调用OC的方法:JS与OC交互大总结之一 JS调用O...

  • Cordova方法

    一,Js与oc交互: 方法1,拦截请求;方法2,拦截页面跳转 方法1,js使用 XMLHttpRequest 发起...

  • OC/SWIFT 与JS 交互

    开发中移动端经常涉及到与js交互的功能,例如:js需要调用oc的方法,或者oc需要调用js的方法。 一、js调用o...

  • UIWebView的js和OC交互

    UIWebView的js和OC交互方式 其包括三种方式: 第一种::UIWebViewDelegate(代理方法)...

  • WKWebView详细介绍

    OC与JS交互 加载方式一 加载方式二 协议方法介绍

  • UIWebView之JS与OC交互(三)

    前言 基于UIWebView的JS与OC交互(一)之JSExport基于UIWebView的JS与OC交互(二)之...

  • UIWebView之JS与OC交互(二)

    前言 基于UIWebView的JS与OC交互(一)之JSExport基于UIWebView的JS与OC交互(二)之...

  • WKWebView之JS与OC交互

    前言 基于UIWebView的JS与OC交互(一)之JSExport基于UIWebView的JS与OC交互(二)之...

网友评论

本文标题:JS 与 OC 交互的三种方法

本文链接:https://www.haomeiwen.com/subject/fmwsjttx.html