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

　　 在开发浏览器的时候遇到这个狗血的问题，花了将近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. MVC的控制器的激活过程，我们从MvcHandler开始讲，前面的事情以后再讲

    一.从MvcHandler开始(不要觉得是代码,让你看懂才是最重要的) using Microsoft.Web.Infrastructure.DynamicValidationHelper; usin ...

  2. PyQt写的五子棋

    技术路线 GUI的实现 使用PyQt技术作为基础.PyQt是一个支持多平台的客户端开发SDK,使用它实现的客户端可以运行在目前几乎所有主流平台之上. 使用PyQt,Qt设计器实现UI,通过pyuic4 ...

  3. linux useradd 命令基本用法

    在 Linux 中 useradd 是个很基本的命令,但是使用起来却很不直观.以至于在 Ubuntu 中居然添加了一个 adduser 命令来简化添加用户的操作.本文主要描述笔者在学习使用 usera ...

  4. 解决MVC EF Code First错误:Model compatibility cannot be checked because the EdmMetadata type was not included in the model.

    Model compatibility cannot be checked because the EdmMetadata type was not included in the model. En ...

  5. The conversion of a varchar data type to a datetime data type resulted in an out-of-range value

    刚刚有在程序中,传递一个空值至MS SQL Server数据库,这个值的数据类型为DATETIME执行时,它却发生了如标题提示的异常:The conversion of a varchar data ...

  6. Model元数据定制与Model模板

    元数据这一词对于计算机科学来说不算陌生,对元数据的解释最简单的解释就是描述数据的数据,那么Model元数据当然是描述Model中各种成员的数据了,在ASP.NET MVC中ModelMetadata这 ...

  7. (转)Android 系统 root 破解原理分析

    现在Android系统的root破解基本上成为大家的必备技能!网上也有很多中一键破解的软件,使root破解越来越容易.但是你思考过root破解的 原理吗?root破解的本质是什么呢?难道是利用了Lin ...

  8. AChartEngine绘制图形

    AChartEngine是Android作图的方法之一,要使用AChartEngine,首先下载AChartEngine,按照以下方法将其jar包添加到工程中: 1.将achartengine-1.1 ...

  9. 【Java每日一题】20161208

    package Dec2016; import java.util.List; public class Ques1208 { public static void add(List<? ext ...

  10. Scala确实是门好语言

    看完了一本Scala的书,整体感觉很不错,语法很简洁,对用惯了脚本语言的人来说语言特性稍微有点复杂,不过对Java用户应该没有压力. 最牛叉的有两点:并发.面向领域编程