码迷,mamicode.com
首页 > 移动开发 > 详细

Android 与H5之间的js交互

时间:2018-04-11 11:38:59      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:cti   tin   interface   make   连接   roi   android   val   简单   

             之前项目做过一些Android和Html5之间js交互方面的东西,今天有时间就总结一下:

     一、为什么要进行js交互:

                 为了方便原生开发和Html之间数据传递,在静态页面的情况下可以改变原生开发的页面;

     二、如何进行js交互:

          (一)Android端调用H5页面

                    在Android端主要使用WebView来进行网页的加载,设置属性

// 获取WebSetting对象
WebSettings webSettings = webview.getSettings();
// 设置支持javascript
webSettings.setJavaScriptEnabled(true);
// 将Android里面定义的类对象AndroidJs暴露给javascript
webview.addJavascriptInterface(new AndroidJs(MainActivity.this), "AndroidJs");

                   

                调用方式:其中doAlert为H5页面的方法

 webview.loadUrl("javascript:doAlert()");

      (二)H5端调用Android页面

                 H5端代码:

<input type="button" value="打招呼" onclick="AndroidJs.showToast()"/>
<input type="button" value="图书列表" onclick="AndroidJs.showList()"/>

                 Android端代码:

public class AndroidJs {
    private Context mContext;

    public AndroidJs(Context context) {
        this.mContext = context;
    }

    @JavascriptInterface
    public void showList() {
        new AlertDialog.Builder(mContext)
                .setTitle("图书列表")
                .setIcon(R.mipmap.ic_launcher)
                .setItems(
                        new String[]{"疯狂java讲义", "疯狂Android讲义",
                                "轻量级java EE开发"}, null)
                .setPositiveButton("确定", null).create().show();
    }

    @JavascriptInterface
    public void showToast() {

        Toast.makeText(mContext, "hello", Toast.LENGTH_LONG).show();
    }

}

      注:AndroidJs是连接Android与Html的桥梁标识,也是一个进行数据交互的类;

      注:这里面的方法必须是共有的,类名与标识保持一致;

 

      以上就是简单的js交互流程,备注的地方要特别注意,请多多指教

 

 

 

 

    

 

Android 与H5之间的js交互

标签:cti   tin   interface   make   连接   roi   android   val   简单   

原文地址:https://www.cnblogs.com/huihuizhang/p/8794377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!