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>
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了Activity状态保存和恢复的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
这篇文章主要为大家介绍了Flutter App开发实现循环语句的方式示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
虽然说我们天天都在使用Activity，但是你真的对Activity的生命机制完全了解了吗？Activity的生命周期方法只有七个，但是其实那只是默认的情况。也就是说在其他情况下，Activity的生命周期可能不会是按照我们以前所知道的流程，这就要说到Activity的启动模式2022-07-07
这篇文章主要介绍了Android使用自定义属性实现图片自动播放滚动的功能，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要为大家详细介绍了Android创建和使用数据库SQLIte的相关资料，感兴趣的小伙伴们可以参考一下2016-05-05
Android开发实现读取excel数据并保存为xml的方法
这篇文章主要介绍了Android开发实现读取excel数据并保存为xml的方法,涉及Android针对Excel数据读取及xml格式文件的构造与保存相关操作技巧,需要的朋友可以参考下2017-10-10
像Unity3D下的RTMP或RTSP播放器一样，好多开发者苦于在Unity环境下，如何高效率低延迟的把数据采集并编码实时推送到流媒体服务器，实现Unity场景下的低延迟推拉流方案。本文介绍几种RTMP推送的方案2021-06-06
这篇文章主要介绍了Android Toolbar自定义标题 标题居中的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-08-08
这篇文章主要为大家详细介绍了如何使用Android studio创建你的第一个项目Hello World，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要为大家详细介绍了android实现动态显示隐藏进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
最新评论