Android與JS之間跨平臺(tái)異步調(diào)用實(shí)例詳解

更新時(shí)間：2016年11月13日 09:31:30 投稿：lqh

這篇文章主要介紹了Android與JS之間跨平臺(tái)異步調(diào)用實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下

Android與JS之間跨平臺(tái)異步調(diào)用

為什么突然要搞這個(gè)問(wèn)題呢？

　　在開(kāi)發(fā)瀏覽器的時(shí)候遇到這個(gè)狗血的問(wèn)題，花了將近1天的時(shí)間才想到這個(gè)解決方案，Android與JavaScirpt互調(diào)。

　　因?yàn)榻涌谑亲ト〉膭e人的，所以出現(xiàn)了JS跨域問(wèn)題，Android閃亮登場(chǎng)搞定了。

GIF動(dòng)畫(huà)演示

WebView相關(guān)設(shè)置

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

mWebSettings.setJavaScriptEnabled(true);//調(diào)用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調(diào)用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調(diào)用JS代碼-成功!!!'+JSON.stringify(result);
    }

  </script>
</head>

<body>
<button id="button_call">Js調(diào)用Android代碼</button>
<div id="div_bg"></div>
</body>

</html>

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

Android學(xué)習(xí)小結(jié)之Activity保存和恢復(fù)狀態(tài)
這篇文章主要介紹了Activity狀態(tài)保存和恢復(fù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
Flutter?App開(kāi)發(fā)實(shí)現(xiàn)循環(huán)語(yǔ)句的方式實(shí)例
這篇文章主要為大家介紹了Flutter?App開(kāi)發(fā)實(shí)現(xiàn)循環(huán)語(yǔ)句的方式示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
Android四大組件之Activity深入解讀生命周期
雖然說(shuō)我們天天都在使用Activity，但是你真的對(duì)Activity的生命機(jī)制完全了解了嗎？Activity的生命周期方法只有七個(gè)，但是其實(shí)那只是默認(rèn)的情況。也就是說(shuō)在其他情況下，Activity的生命周期可能不會(huì)是按照我們以前所知道的流程，這就要說(shuō)到Activity的啟動(dòng)模式
2022-07-07
Android使用自定義屬性實(shí)現(xiàn)圖片自動(dòng)播放滾動(dòng)的功能
這篇文章主要介紹了Android使用自定義屬性實(shí)現(xiàn)圖片自動(dòng)播放滾動(dòng)的功能，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
Android創(chuàng)建和使用數(shù)據(jù)庫(kù)SQLIte
這篇文章主要為大家詳細(xì)介紹了Android創(chuàng)建和使用數(shù)據(jù)庫(kù)SQLIte的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-05-05
Android開(kāi)發(fā)實(shí)現(xiàn)讀取excel數(shù)據(jù)并保存為xml的方法
這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)讀取excel數(shù)據(jù)并保存為xml的方法,涉及Android針對(duì)Excel數(shù)據(jù)讀取及xml格式文件的構(gòu)造與保存相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
Android實(shí)現(xiàn)Unity3D下RTMP推送的示例
像Unity3D下的RTMP或RTSP播放器一樣，好多開(kāi)發(fā)者苦于在Unity環(huán)境下，如何高效率低延遲的把數(shù)據(jù)采集并編碼實(shí)時(shí)推送到流媒體服務(wù)器，實(shí)現(xiàn)Unity場(chǎng)景下的低延遲推拉流方案。本文介紹幾種RTMP推送的方案
2021-06-06
Android Toolbar自定義標(biāo)題標(biāo)題居中的實(shí)例代碼
這篇文章主要介紹了Android Toolbar自定義標(biāo)題標(biāo)題居中的實(shí)例代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-08-08
Android studio創(chuàng)建第一個(gè)app
這篇文章主要為大家詳細(xì)介紹了如何使用Android studio創(chuàng)建你的第一個(gè)項(xiàng)目Hello World，感興趣的小伙伴們可以參考一下
2016-05-05
android實(shí)現(xiàn)動(dòng)態(tài)顯示隱藏進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)動(dòng)態(tài)顯示隱藏進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08