WebView与JS交互

最近在开发过程中常常会遇到一些复杂问题,使用Android原生控件比较难解决,使用html在webview中与js交互,在交互过程中约定方法来进行调用,如以下代码:


<script type="text/javascript">
        function dyjsfunction(type, params, exParams)
        {
            if (type == "getNoteInfo")
            {
                if (type == "getNoteInfo")//约定的方法来获取页面内容
                {
                    var noteInfo = {
                        "infoTitle":infoTitle.innerHTML,
                        "infoLinkUrl":infoLink.href,
                        "infoLinkTitle":infoLink.innerHTML,
                        "noteContent":noteContent.innerHTML,
                    };
                    var sNoteInfo = JSON.stringify(noteInfo);
                    dynativecode.callWithTypeAndParameterAndExtraParameter(type, sNoteInfo, '');
                    return sNoteInfo;
                }
            }
            else if (type == "setNoteInfo")/约定的方法来设置页面内容
            {
                if (params.length > 0)
                {
                    var obj = JSON.parse(params);
                    infoTitle.innerHTML = obj.infoTitle;
                    infoLink.href = obj.linkUrl;
                    infoLink.innerHTML = obj.linkTitle;
                    noteContent.innerHTML = obj.noteContent;
                    dynativecode.callWithTypeAndParameterAndExtraParameter(type, 'success', '');
                    return "success";
                }
            }
        }
    </script>


在java类中调用 以mNoteTitle为例:

 private static final String WEBVIEW_JSTITLE = "javascript:document.getElementById('JStitleNode').innerHTML='";

  mWebView.loadUrl(WEBVIEW_JSTITLE + mNoteTitle + "'");


在约定的JS中会有一个回调: 


  public void callWithTypeAndParameterAndExtraParameter(final String callType, final String param) {}

在回调中取数据

最后调用JS:

mWebView.loadUrl("javascript:dyjsfunction('getNote', '', '')");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值