android中WebView和javascript實現(xiàn)數(shù)據(jù)交互實例
在看懂這篇文章之前首先要有javascript基礎。
(1) js調(diào)用android的方法：
wView. addJavascriptInterface (Object obj, String interfaceName);
是實例化一個對象，在html的js中調(diào)用，第二個參數(shù)是實例化對象的別名，如果要使用這個obj，則在js中使用的名字
就是interfaceName。
WebView wView；
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
wView = (WebView)findViewById(R.id.wv1);
WebSettings wSet = wView.getSettings();
wSet.setJavaScriptEnabled(true);
ProxyBridge pBridge = new ProxyBridge();
wView.addJavascriptInterface(pBridge, "AliansBridge");
wView.loadUrl("file:///android_asset/index.html");
}
private class ProxyBridge {
public int one () {
return 1;
}
}
}
來看一下index.html的內(nèi)容：
<html>
<mce:script language="javascript"><!--
/* This function is invoked by the activity */
function wave() {
alert("1");
document.getElementById("droid").src="android_waving.png";
alert("2");
}
// --></mce:script>
<body>
<div id="output">Test page.</div>
<a onClick="window.demo.clickOnAndroid()">
<div style="width:100px;
margin:0px auto;
padding:10px;
text-align:center;
border:2px solid #202020;" >
<img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>
Click me!
</div>
</a>
<input type="submit" value="change to 1" onclick="document.getElementById('output').innerHTML
=AliansBridge.one()" />
</body>
</html>
這里的AliansBridge即是調(diào)用的JAVA對象。
要注意的是，如果你只有一個方法需要被js調(diào)用只new一個對象就行：
ProxyBridge pBridge = new ProxyBridge();
wView.addJavascriptInterface(pBridge, "AliansBridge");
如果你需要調(diào)用好多個方法，就要把整個android程序所在的類本身實例化傳遞進去：
wView.addJavascriptInterface(this, "AliansBridge");
(2) android調(diào)用js的方法：wView.setWebChromeClient (WebChromeClient client)
要用到Handler更新UI，Handler mHandler = new Handler()；
mWebView.addJavascriptInterface(new Object(){
/**
* This is not called on the UI thread. Post a runnable to invoke
* loadUrl on the UI thread.
*/
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
同理，在html中必須有一個名為demo的對象調(diào)用clickOnAndroid()方法。
* Provides a hook for calling "alert" from javascript. Useful for
* debugging your javascript.
*/
final class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
result.confirm();
return super.onJsAlert(view, url, message, result);
}
}
- Android的WebView與H5前端JS代碼交互的實例代碼
- Android webview與js的數(shù)據(jù)交互
- Android中webview與JS交互、互調(diào)方法實例詳解
- Android總結之WebView與Javascript交互（互相調(diào)用）
- Android WebView使用方法詳解 附js交互調(diào)用方法
- Android中WebView與Js交互的實現(xiàn)方法
- Android WebView上實現(xiàn)JavaScript與Java交互
- android中webview控件和javascript交互實例
- 解析Android中webview和js之間的交互
- Android WebView與JS交互全面詳解(小結)
相關文章
這篇文章主要為大家詳細介紹了Android實現(xiàn)九宮格抽獎，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細介紹了Android網(wǎng)絡通信的實現(xiàn)方式，四種實現(xiàn)網(wǎng)絡通信的方式供大家學習，感興趣的小伙伴們可以參考一下2016-06-06
Android BroadcastReceiver實現(xiàn)網(wǎng)絡狀態(tài)實時監(jiān)聽
這篇文章主要為大家詳細介紹了Android BroadcastReceiver實現(xiàn)網(wǎng)絡狀態(tài)實時監(jiān)聽，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
詳解Android 語音播報實現(xiàn)方案（無SDK）
本篇文章主要介紹了詳解Android 語音播報實現(xiàn)方案（無SDK），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
Android EditText長按菜單中分享功能的隱藏方法
Android EditText控件是經(jīng)常使用的控件，下面這篇文章主要給大家介紹了關于Android中EditText長按菜單中分享功能的隱藏方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
Java提供一套完整的I/О流體系,通過I/О流可以非常方便地訪問磁盤中的文件,同樣Android 也支持I/O流方式來訪問手機等移動設備中的存儲文件。希望可以為大家提供幫助2021-06-06
這篇文章主要介紹了Android實現(xiàn)帶磁性的懸浮窗體效果,涉及Android針對窗體的動態(tài)操作相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了android中NFC讀寫功能的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
基于GridView和ActivityGroup實現(xiàn)的TAB分頁(附源碼)
今天為大家介紹下使用GridView和ActivityGroup實現(xiàn)的分頁，這里需要將Activity轉換成Window，然后再換成成View添加到容器中，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈2013-06-06
本篇文章主要介紹了Android 進程間通信AIDL使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08