Android与JS之间跨平台异步调用实例详解

更新时间：2016年11月13日 09:31:30 投稿：lqh

这篇文章主要介绍了Android与JS之间跨平台异步调用实例详解的相关资料,需要的朋友可以参考下

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>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

Android 限制edittext 整数和小数位数过滤器(详解)
下面小编就为大家带来一篇Android 限制edittext 整数和小数位数过滤器(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
Android RecyclerView多类型布局卡片解决方案
这篇文章主要介绍了Android RecyclerView多类型布局卡片解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-03-03
Android Studio多工程引用同一个library项目配置的解决方法
大家在使用android studio的时候，会遇到多个项目引用相同的library这篇文章主要介绍了Android Studio多工程引用同一个library项目配置方法,需要的朋友可以参考下
2018-03-03
Android工具栏顶出转场动画的实现方法实例
这篇文章主要给大家介绍了关于Android工具栏顶出转场动画的实现方法，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-09-09
Android自定义View实现选座功能
这篇文章主要介绍了Android自定义View实现选座功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-09-09
Android 打包三种方式实例详解
这篇文章主要介绍了 Android 打包三种方式实例详解的相关资料,需要的朋友可以参考下
2017-04-04
Android实现清除应用缓存功能
这篇文章主要为大家详细介绍了Android实现清除应用缓存功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
Android开发简易音乐播放器
这篇文章主要为大家详细介绍了Android开发简易音乐播放器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-12-12
MTK Android平台开发流程
这篇文章主要介绍了MTK在Android平台开发的流程，一共分析了44个步骤，需要的朋友学习下吧。
2017-12-12
Android中的Selector的用法详解及实例
这篇文章主要介绍了Android中的Selector的用法详解及实例的相关资料,需要的朋友可以参考下
2017-05-05