为什么突然要搞这个问题呢？

　　 在开发浏览器的时候遇到这个狗血的问题，花了将近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与JS之间跨平台异步调用的更多相关文章

  1. android 与JS之间的交互

    在页面布局很复杂并且是动态的时候,android本身的控件就变得不是那么地灵活了,只有借助于网页的强大布局能力才能实现,但是在操作html页面的同时也需要与android其它的组件存在交互,比如说 在 ...

  2. 【Android进阶】Android程序与JavaScript之间的简单调用

    本篇将讲解一个简单的Android与JavaScript之间的简单调用的小程序 效果图 工程结构 HTMLActivity.java代码 package com.example.javatojs; i ...

  3. 如何使用 require.js ，实现js文件的异步加载，避免网页失去响应，管理模块之间的依赖性，便于代码的编写和维护。

    一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代 ...

  4. 似是而非的JS - 异步调用可以转化为同步调用吗？

    源起 小飞是一名刚入行前端不久的新人,因为进到了某个大公司,俨然成为了学弟学妹眼中'大神',大家遇到js问题都喜欢问他,这不,此时他的qq弹出了这样一条消息 "hi,大神在吗?我有个问题想问 ...

  5. Android 与H5之间的js交互

    之前项目做过一些Android和Html5之间js交互方面的东西,今天有时间就总结一下: 一.为什么要进行js交互: 为了方便原生开发和Html之间数据传递,在静态页面的情况下可以改变原生开发的页面: ...

  6. Android与JS混编（js调用java）

    项目中需要使用android与js的混编来开发app. 下面就介绍一下吧. 有时候我们需要用js调用native控件,要想实现这个功能,我们需要做的就只有三步: 1.允许webview执行js脚本 2 ...

  7. JS常用方法总结，及jquery异步调用后台方法实例

    //前台接收get参数值 function getQueryString(name) {            var queryStrings = window.location.search.sp ...

  8. Android与js互相调用

    有话要说: 本篇主要总结了简单的Android与js互相调用的方法. 在开发过程中遇到了需要在安卓中调用js方法的需求,于是将具体的实现过程总结成这篇博客. 效果: 其中“调用安卓方法”按钮是html ...

  9. 将前端js异步调用的多个服务合并为一个前端服务

    将前端js异步调用的多个服务合并为一个前端服务 1. 减少前端js异步请求的次数改善浏览体验 2. 方便地针对单个接口做异常降级处理

随机推荐

  1. SQL Server 2016的数据库范围内的配置

    SQL Server 2016真的让人眼前一亮.几天前微软就提供了RCO(候选发布版)版本的下载.我已经围观了一圈RCO版本,其中一个最拽的功能是数据库范围内的配置(Database Scoped C ...

  2. Javascript动画效果（二）

    Javascript动画效果(二) 在前面的博客中讲了简单的Javascript动画效果,这篇文章主要介绍我在改变之前代码时发现的一些问题及解决方法. 在前面的多物体宽度变化的例子中,我们给其增加代码 ...

  3. Coreseek + Sphinx + Mysql + PHP构建中文检索引擎

    首先明确几个概念 Sphinx是开源的搜索引擎,它支持英文的全文检索.所以如果单独搭建Sphinx,你就已经可以使用全文索引了.但是往往我们要求的是中文索引,怎么做呢?国人提供了一个可供企业使用的,基 ...

  4. 关于WEB Service&WCF&WebApi实现身份验证之WEB Service篇

    在这个WEB API横行的时代,讲WEB Service技术却实显得有些过时了,过时的技术并不代表无用武之地,有些地方也还是可以继续用他的,我之所以会讲解WEB Service,源于我最近面试时被问到 ...

  5. Moon.Orm 5.0 (MQL版) 驱动开发方案

    Moon.Orm 5.0 (MQL版) 配置说明 这一文中说明了如何配置,如何写自己的驱动.要写自己的驱动方法就是继承基类Db, Db的类结构,点击查看

  6. mysql基于init-connect+binlog完成审计功能

    目前社区版本的mysql的审计功能还是比较弱的,基于插件的审计目前存在于Mysql的企业版.Percona和MariaDB上,但是mysql社区版本有提供init-connect选项,基于此我们可以用 ...

  7. C#执行存储过程的简化

    下面的方法是我在实际开发中摸索出来的,可以在很大程度上简化调用存储过程的代码. 首先来看一下C#调用存储过程的一般过程:1.打开数据库连接SqlConnection:2.生成一个SqlCommand: ...

  8. jQuery Mobile动态刷新页面样式

    当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素.添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样 ...

  9. [转]JavaScript程序编码规范

    原文:http://javascript.crockford.com/code.html 作者:Douglas Crockford 译文:http://www.yeeyan.com/articles/ ...

  10. MUI（5）

    今天实现9宫格菜单.先上效果图: 就是这个效果咯,界面不太美观,底部导航栏是为了苹果用户没有返回按键设计的,只是为了方便演示而已,没有做过多的处理.首先先说一下这个底部导航栏如何实现,这个底部导航栏小 ...