Android 與H5之間的js交互

             之前項目做過一些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交互流程，備注的地方要特別注意，請多多指教