Android與JS之間跨平臺異步調用實例詳解
更新時間:2016年11月13日 09:31:30 投稿:lqh
這篇文章主要介紹了Android與JS之間跨平臺異步調用實例詳解的相關資料,需要的朋友可以參考下
Android與JS之間跨平臺異步調用
為什么突然要搞這個問題呢?
在開發(fā)瀏覽器的時候遇到這個狗血的問題,花了將近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>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
您可能感興趣的文章:
- 三步搞定:Vue.js調用Android原生操作
- DCloud的native.js調用系統(tǒng)分享實例Android版代碼
- Android中實現WebView和JavaScript的互相調用詳解
- Android WebView的使用方法及與JS 相互調用
- Android編程使用WebView實現與Javascript交互的方法【相互調用參數、傳值】
- JS調用Android、Ios原生控件
- Android總結之WebView與Javascript交互(互相調用)
- Android webview和js互相調用實現方法
- Android WebView使用方法詳解 附js交互調用方法
- Android與JS相互調用的方法
相關文章
Android 限制edittext 整數和小數位數 過濾器(詳解)
下面小編就為大家?guī)硪黄狝ndroid 限制edittext 整數和小數位數 過濾器(詳解)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04Android RecyclerView多類型布局卡片解決方案
這篇文章主要介紹了Android RecyclerView多類型布局卡片解決方案,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03Android Studio多工程引用同一個library項目配置的解決方法
大家在使用android studio的時候,會遇到多個項目引用相同的library這篇文章主要介紹了Android Studio多工程引用同一個library項目配置方法,需要的朋友可以參考下2018-03-03