android webview中如何实现html与手机本地数据的交互

在webview开发中,往往不止简单的加载一个页面显示那么简单,常常有将手机本地的数据放到html上显示和将html上操作的数据保存到手机本地的情况,那么如何实现这种数据交互呢:
一:webvie部份:

final String json="{title1:孔子,title2:孟子,title3:庄子}";
        wv_webview.addJavascriptInterface(new Object() {
            //@param message:  html页面传进来的数据
            @JavascriptInterface
            public String getLocationData(String message) {
                Toast.makeText(MainActivity.this, message, 1).show();
                return json; // 把本地数据弄成json串,传给html
            }

        }, "MyBrowserAPI");//MyBrowserAPI:自定义的js函数名

        wv_webview.loadUrl("file:///android_asset/index.html");

二:html部分:

<title>测试手机和页面之间的数据传递</title>
<script language="javascript">
    function  showjson(json){
        document.getElementById("test").innerHTML=json;
        }
    function getData(){ //调用Android中自定义的拍照JavaScript接口
        var json=window.MyBrowserAPI.getLocationData("从页面传给手机的message");//拿到本地数据,并可以传给手机一些内容,可选
        showjson(json); //在页面上显示出结果
        }
</script>
</head>
<body>
<div>
<input  value="点我试试"  type="button" onclick="getData()"/>
</div>
<div>
<p id="test">没有数据</p>
</div>
</body>

OK!就是这么简单…

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一鱼浅游

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值