Android webview与js交换JSON对象数据示例

概述最近几个项目的测试结果，Android无法主动通过调用webview.loadUrl(\"javascript:\"+callbackFunction+\"(\'\"+data+\"\')\");这种方式将jsonobject类型的data传给js，因为js那边得到就是一个string的对象。与此同时 最近几个项目的测试结果，AndroID无法主动通过调用
webvIEw.loadUrl("JavaScript:"+callbackFunction+"('"+data+"')"); 这种方式将Jsonobject类型的data传给Js，因为Js那边得到就是一个string的对象。

与此同时，Js主动调用androID的对象方式，androID也无法返回给Js一个Jsonobject，需要Js做一下转换，例如：

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);//不加上，会显示白边
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是会提示undefined，因为Js那边只得到了一个string对象而已，它不知道maomao是个key。

通过eval将其转化成表达式就可以调用obj.maomao得到value。
在此ps一下ios，貌似人家支持webvIEw很好，Js可以直接获取到Json对象.
默认t.HTML加载会自动执行testAPI函数，结果如下：

总结

以上是内存溢出为你收集整理的Android webview与js交换JSON对象数据示例全部内容，希望文章能够帮你解决Android webview与js交换JSON对象数据示例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。