Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android與JS之間跨平台異步調用實例詳解

Android與JS之間跨平台異步調用實例詳解

編輯:關於Android編程

Android與JS之間跨平台異步調用

 為什麼突然要搞這個問題呢?

   在開發浏覽器的時候遇到這個狗血的問題,花了將近1天的時間才想到這個解決方案,Android與JavaScirpt互調。

  因為接口是抓取的別人的,所以出現了JS跨域問題,Android閃亮登場搞定了。

 GIF動畫演示

  

  WebView相關設置

WebSettings mWebSettings = getSettings();
mWebSettings.setDefaultTextEncodingName("UTF-8");//設置默認的顯示編碼

mWebSettings.setJavaScriptEnabled(true);//調用JS方法.安卓版本大於17,加上注解 @JavascriptInterface



 直接放大招->貼代碼

 Android

addJavascriptInterface(new Object() {
      @JavascriptInterface
      public void toastMessage(final String url, final int type, final int dir) {
        L.e("url = " + url + " type = " + type + " dir = " + dir);
        APIWrapper.getInstance()
            .getLenovoWord(url)
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe(new RxSubscriber<ResponseBody>() {
              @Override
              public void _onNext(ResponseBody responseBody) {
                try {
                  String data = responseBody.string();
                  L.e("data = " + data);
                  loadUrl("javascript:ResCompleted(" + data + "," + type + "," + dir + ")");
                } catch (IOException e) {
                  e.printStackTrace();
                }
              }

              @Override
              public void _onError(String msg) {
                loadUrl("javascript:ResCompleted(" + msg + ")");
              }
            });
      }
    }, "Android");

 Html

<html>
<meta name="viewport"
   content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<head>

  <title>Js調用Android代碼</title>
  <style>
    #button-call{
    width: 100%;
    padding: 20px;
    font-size: 20px;
    }
    #div_bg{
    background: #cccccc;
    margin-top: 50px;
    }
  </style>
  <script type="text/javascript">
    window.onload=function() {
      document.getElementById('button_call').onclick=function(){
        window.Android.toastMessage("http://api.sina.cn/sinago/list.json?channel=news_toutiao",1, 0);
      }
    }

    function ResCompleted(result,type,dir) {
      document.getElementById('div_bg').innerHTML='Android調用JS代碼-成功!!!'+JSON.stringify(result);
    }

  </script>
</head>

<body>
<button id="button_call">Js調用Android代碼</button>
<div id="div_bg"></div>
</body>

</html>

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved