Android webview與js交換JSON對(duì)象數(shù)據(jù)示例
更新時(shí)間：2013年06月20日 15:19:50 作者：
js主動(dòng)調(diào)用android的對(duì)象方式，android也無(wú)法返回給js一個(gè)jsonobject，需要js做一下轉(zhuǎn)換，具體代碼如下，感興趣的朋友可以參考下哈
最近幾個(gè)項(xiàng)目的測(cè)試結(jié)果，Android無(wú)法主動(dòng)通過(guò)調(diào)用
webview.loadUrl("javascript:"+callbackFunction+"('"+data+"')"); 這種方式將jsonobject類型的data傳給js，因?yàn)閖s那邊得到就是一個(gè)string的對(duì)象。
與此同時(shí)，js主動(dòng)調(diào)用android的對(duì)象方式，android也無(wú)法返回給js一個(gè)jsonobject，需要js做一下轉(zhuǎn)換，例如：
Android 代碼：
WebView mWebView = (WebView) this.findViewById(R.id.webview);
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setPluginsEnabled(true);
settings.setAllowFileAccess(true);
settings.setCacheMode(WebSettings.LOAD_NO_CACHE);
mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);//不加上，會(huì)顯示白邊
String url="file:///android_asset/t.html"; //js代碼卸載t.html里
NavigationInstance navigation =new NavigationInstance(this);
mWebView.addJavascriptInterface(navigation, "Navigation");
NavigationInstance里的代碼：
@Override
public JSONObject GetManeuverInfo() {
try{
JSONObject test=new JSONObject();
test.put("maomao", "value");
return test;
//return new JSONObject(bean.ManeuverInfo);
}catch(Exception e){
Log.e(TAG, "",e);
}
return null;
}
t.html里的代碼：
function testAPI(el){
console.log("---------testAPI---------");
eval("var obj = "+Navigation.GetManeuverInfo());
alert('typeof:'+typeof(obj));
alert('maomao:'+obj.maomao);
alert('obj:'+obj);
}
如果直接寫成 Navigation.GetManeuverInfo.maomao是會(huì)提示undefined，因?yàn)閖s那邊只得到了一個(gè)string對(duì)象而已，它不知道m(xù)aomao是個(gè)key。
通過(guò)eval將其轉(zhuǎn)化成表達(dá)式就可以調(diào)用obj.maomao得到value。
在此ps一下ios，貌似人家支持webview很好，js可以直接獲取到j(luò)son對(duì)象.
默認(rèn)t.html加載會(huì)自動(dòng)執(zhí)行testAPI函數(shù)，結(jié)果如下：
webview.loadUrl("javascript:"+callbackFunction+"('"+data+"')"); 這種方式將jsonobject類型的data傳給js，因?yàn)閖s那邊得到就是一個(gè)string的對(duì)象。
與此同時(shí)，js主動(dòng)調(diào)用android的對(duì)象方式，android也無(wú)法返回給js一個(gè)jsonobject，需要js做一下轉(zhuǎn)換，例如：
Android 代碼：
復(fù)制代碼 代碼如下:
WebView mWebView = (WebView) this.findViewById(R.id.webview);
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setPluginsEnabled(true);
settings.setAllowFileAccess(true);
settings.setCacheMode(WebSettings.LOAD_NO_CACHE);
mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);//不加上，會(huì)顯示白邊
String url="file:///android_asset/t.html"; //js代碼卸載t.html里
NavigationInstance navigation =new NavigationInstance(this);
mWebView.addJavascriptInterface(navigation, "Navigation");
NavigationInstance里的代碼：
復(fù)制代碼 代碼如下:
@Override
public JSONObject GetManeuverInfo() {
try{
JSONObject test=new JSONObject();
test.put("maomao", "value");
return test;
//return new JSONObject(bean.ManeuverInfo);
}catch(Exception e){
Log.e(TAG, "",e);
}
return null;
}
t.html里的代碼：
復(fù)制代碼 代碼如下:
function testAPI(el){
console.log("---------testAPI---------");
eval("var obj = "+Navigation.GetManeuverInfo());
alert('typeof:'+typeof(obj));
alert('maomao:'+obj.maomao);
alert('obj:'+obj);
}
如果直接寫成 Navigation.GetManeuverInfo.maomao是會(huì)提示undefined，因?yàn)閖s那邊只得到了一個(gè)string對(duì)象而已，它不知道m(xù)aomao是個(gè)key。
通過(guò)eval將其轉(zhuǎn)化成表達(dá)式就可以調(diào)用obj.maomao得到value。
在此ps一下ios，貌似人家支持webview很好，js可以直接獲取到j(luò)son對(duì)象.
默認(rèn)t.html加載會(huì)自動(dòng)執(zhí)行testAPI函數(shù)，結(jié)果如下：
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Android異步更新UI的四種方式，感興趣的小伙伴們可以參考一下2016-05-05
Android中使用ZXing生成二維碼（支持添加Logo圖案）
ZXing是谷歌的一個(gè)開(kāi)源庫(kù)，可以用來(lái)生成二維碼、掃描二維碼。接下來(lái)通過(guò)本文給大家介紹Android中使用ZXing生成二維碼（支持添加Logo圖案)，需要的朋友參考下2017-01-01
Android自定義View實(shí)現(xiàn)彈性小球效果
前段時(shí)間看到一個(gè)功能，是一個(gè)小球沿著固定軌跡彈動(dòng)的效果，那么這篇文章小編給大家分享在Android中如何自定義View來(lái)實(shí)現(xiàn)彈性小球的效果，有需要的可以參考借鑒。2016-09-09
Android app啟動(dòng)時(shí)黑屏或者白屏的原因及解決辦法
這篇文章主要介紹了Android app啟動(dòng)時(shí)黑屏或者白屏的原因及解決辦法的相關(guān)資料,需要的朋友可以參考下2016-09-09
Android雙向選擇控件DoubleSeekBar使用詳解
這篇文章主要為大家詳細(xì)介紹了Android雙向選擇控件DoubleSeekBar的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
Android Studio 利用Splash制作APP啟動(dòng)界面的方法
這篇文章主要介紹了Android Studio 利用Splash制作APP啟動(dòng)界面，本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
這篇文章主要介紹了RxJava2配置及使用詳解,RxJava2.0是一個(gè)非常棒的流式編程,有興趣的可以了解一下2017-06-06
android studio 3.6.0 綁定視圖新特性的方法
這篇文章主要介紹了android studio 3.6.0 綁定視圖新特性的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
Android基礎(chǔ)知識(shí)之tween動(dòng)畫效果
Android基礎(chǔ)知識(shí)之tween動(dòng)畫效果,Android一共提供了兩種動(dòng)畫,這篇文章主要介紹了Android動(dòng)畫效果之tween動(dòng)畫，感興趣的小伙伴們可以參考一下2016-06-06
android使用intent傳遞參數(shù)實(shí)現(xiàn)乘法計(jì)算
這篇文章主要為大家詳細(xì)介紹了android使用intent傳遞參數(shù)實(shí)現(xiàn)乘法計(jì)算，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04