首页 > 系统 > Android > 正文

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

2019-10-24 20:45:03
字体:
来源:转载
供稿:网友
js主动调用android的对象方式,android也无法返回给js一个jsonobject,需要js做一下转换,具体代码如下,感兴趣的朋友可以参考下哈
 
最近几个项目的测试结果,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对象数据示例

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表