版權聲明：本文為部落客原創文章，轉載請标明出處。 https://blog.csdn.net/lyhhj/article/details/49497227

Android JS互相調用詳解

最近在研究Android、JS互相調用，之前沒怎麼接觸過，隻知道loadUrl()就可以加載一個網頁了，研究過之後發現Android可以調JS，JS也可以調Android原生控件，很開心啊。下面小編就開始喽：
原理就是Java和JS調用，在Android中是通過WebView來實作的。
           

下面先說一下簡單的Android和JS互相調用

首先通過loadurl()來加載網頁

WebView開啟JS腳本執行

Android端提供JS調用的互動接口

簡單的看一下代碼：

mWebView=(MyWebView)findViewById(R.id.wv_container_information);
        mWebSetting = mWebView.getSettings();
        mWebSetting.setJavaScriptEnabled(true);
//js調用Android中的方法
        mWebView.addJavascriptInterface(this, "XXX");//XXX未html中的方法
        /**
     * 用戶端提供send_comment方法被js調用
     * by:chenhe at:2015/09/28
     *
     * @param uuid     uuid
     * @param fun_name 調用的方法名
     * @param json     js給用戶端的json
     */
    @JavascriptInterface
    public void send_comment(final String uuid, final String fun_name, final String json) {

        new Thread(new Runnable() {
            @Override
            public void run() {
                commend = CommandFactory.getInstance().createCommand(fun_name);
                if (commend != null) {
                    commend.setFun_name(fun_name);
                    commend.setmHandler(mHandler);
                    commend.setParam(json);
                    commend.setUuid(uuid);
                    commend.setWebView(mWebView);
                    commend.do_result(context);
                }
            }
        }).start();
    }
           

這裡通過mWebView.addJavascriptInterface()實作調用JS中的方法，也就是說第二個參數為網頁中的方法叫XXX();它裡面的參數則為我下面send_command()；方法中的參數然後我再做一些操作。最後通過loadurl();就實作調用了。很簡答相信大家也都會用，也都用過，那麼下面給大家詳細介紹一下怎樣通過這樣的調用來實作JS調用Android端的一些控件。

步驟

首先JS調用客服端的某個方法，将需要的參數傳遞過來

然後用戶端根據JS的需求去執行相關操作

執行完操作之後回掉JS方法

具體實作

第一步就是上面所描述的過程

這裡省略了(其中fun_name就是JS要調的方法名字舉個例子：比如它想要用戶端實作彈出Dialog，那麼web端定義一個方法名為：popup.alert)

客服端通過方法名字來執行相關操作

通過方法名我們本地去彈出Dialog，或者根據伺服器傳回的json資料來執行一些其他複雜的操作，我這裡就不具體說明了，可以有很多，比如打開通訊錄選擇聯系人、擷取手機唯一辨別符、設定導航欄、、彈出日期選擇框等等。

執行完相關操作再回調JS的方法将資訊傳回給JS

比如上面的打開通訊錄選擇聯系人之後我們可以将聯系人的手機号姓名等屬性通過Json傳回給JS。

大體思路就是這樣，看一下代碼：

“`

@JavascriptInterface

public void send_comment(final String fun_name, final String json) {

//根據fun_name處理不同業務
    new Thread(new Runnable() {
        @Override
        public void run() {
            //注意此處必須是異步處理
            JSONObject jsonObject = null;
            try {
                jsonObject = new JSONObject(json);
            } catch (JSONException e) {
                e.printStackTrace();
            }
            String title = jsonObject.optString("title");
            String message = jsonObject.optString("message");
            //TODO:根據message執行相關操作
            Message msg = new Message();
            msg.what = 0;
            msg.obj = jsonObject;
            handler.senMessage(msg);
        }
    }).start();
}

/**
 * 回掉JS方法将處理資訊傳回給JS
 * @param isSuccess
 * @param json
 */
public void returnToJs(final boolean isSuccess, final JSONObject json){
    Log.d("----", "javascript:app_result('" + isSuccess + "','" + json.toString() + "')");
            String data = "javascript:app_result('" + isSuccess + "','" + json.toString() + "')";
            webView.loadUrl(data);
}

private Handler handler = new Handler(){
    @Override
    public void handleMessage(Message msg) {
        super.handleMessage(msg);
        if (msg.what==0){
            //TODO:執行相關操作
            returnToJs(true, (JSONObject) msg.obj);
        }
    }
};
           

這樣就實作了基本的JS調Android原生控件了，主要是和JS配合好就能完美實作了，現在好多的APP都用的這種方式來實作。是以說弄清楚這一塊很有必要，其實也沒什麼，說是JS調用Android，其實就是Android這邊提供一個java接口來loadurl()就可以。

因為小編是第一次用MD來編寫的部落格，是以說樣式上可能不太好看，請大家見諒。如果說這邊文章看的不太懂的話可以私聊小編，小編會給大家詳細講解的。

源碼已經同步到我的GitHub上了

https://github.com/Hankkin/AndroidJSDemo/tree/master