为了账号安全,请及时绑定邮箱和手机立即绑定

Android与js的互调实例

标签:
Android

安卓开发中嵌套webview,也就是大家常说的原生和h5混合开发,减少开发成本和开发周期,已经成为一种趋势。
那安卓和h5的交互,其实就是java代码和js代码的互调。
首先来说java代码调js的方法,这个比较简单:

webView.loadUrl("javascript:jsFunction()");

不用多解释了jsFunction()就是js的方法名。
js调用java代码比较复杂,首先java代码暴露一个自定义对象出去,java里的对象就是类了,代码:

class DemoJavaScriptInterface {
    DemoJavaScriptInterface() {}
    @JavascriptInterface
    public void clickOnAndroid() {
        mHandler.post(new Runnable() {
            public void run() {
                Log.e("Tag","被js调用了!")
            }
     });
}

这里对象中只有一个clickOnAndroid() 的方法,出于安全性等方面的考虑被js调用的方法要加上 @JavascriptInterface 注解,否则不会调用成功哦!对象定义好了我们把它暴露给js,代码:

 webView.addJavascriptInterface(new DemoJavaScriptInterface(),"myAndroid");

第一个参数就是咱们定义好的对象,第二个参数是这个对象的别名,js调用的时候会用到。
现在就可以调用了!看一个简单的例子

<button class="btn" onclick="window.myAndroid.clickOnAndroid()">提交</button>

myAndroid就是是刚才说的别名。clickOnAndroid()是方法名。

点击查看更多内容
14人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消