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

最近几个项目的测试结果,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函数,结果如下:

时间: 2024-07-31 11:38:07

Android webview与js交换JSON对象数据示例_Android的相关文章

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

最近几个项目的测试结果,Android无法主动通过调用 webview.loadUrl("javascript:"+callbackFunction+"('"+data+"')"); 这种方式将jsonobject类型的data传给js,因为js那边得到就是一个string的对象. 与此同时,js主动调用android的对象方式,android也无法返回给js一个jsonobject,需要js做一下转换,例如: Android 代码: 复制代码

js 获取Json对象数据长度的例子

最简单的获取json数据长度方法 jsonList.length  代码如下 复制代码 var str = '[{"username":"刘小飞","BAy":"2010/06/17"},{"username":"离小P","BAy":"2010/06/11"}]';  alert(str.length)  其实它输出的结果长度为2   下面呢,我

Android解析服务器端发来的xml数据示例_Android

Android跟服务器交互数据,有时数据量大时,就需要以xml形式的交互数据.这里来实现服务器给Android客户端发送xml数据,Android客户端解析. 服务器端我使用dom4j第三方包来组织xml数据,大家可自行百度下载.而Android客户端则使用 XmlPullParser来解析xml数据. 服务器端代码: 复制代码 代码如下: package servlet; import java.io.IOException; import java.io.PrintWriter; impor

界面-android webview和JS的交互

问题描述 android webview和JS的交互 代码的主要实现是这样的: 用h5写的一个登陆界面,关于登录界面的逻辑操作是用android的webview来实现的. 在不同的手机上出现不同的问题: 1.红米1s: 在第一次进入该页面的时候,所有webView图片的点击都能响应,此时如果用户点击返回,finish当前页面,再次进入该页面后,所有图片点击事件失效, 2.LG的一个手机 关于用户名和密码的输入框(input标签),两个输入框不能够连续交替地输入,这样程序会崩溃,以下输入则没有问题

JS中JSON对象和String之间的互转及处理技巧_javascript技巧

JSON:JavaScript 对象表示法(JavaScript Object Notation),其实JSON就是一个JavaScript的对象(Object)而已. 如有不清楚JSON,可以去w3cschool了解http://www.w3school.com.cn/json/ 1.在javascript中新建一个字符串(JSON文本). var txt = '{ "employees" : [' + '{ "firstName":"Bill"

配置-android webview debuggap js 远程调试

问题描述 android webview debuggap js 远程调试 我电脑系统是win8 64位 手机是android 4.4.4版本的.我用debuggap无法进行远程调试.提示如下信息: Sorry,this remote client doesn't support single-step debugging Maybe there is something wrong with your setting and configuration 但是我可以操作页面元素.不知道哪里配置错

Android WebView 与JS的数据交互

转自 :http://blog.csdn.net/cappuccinolau/article/details/8262821 关于WebView 我们知道目前android市场上的一些应用采用的开发方式大致分为三种:Native App.Web App.Hybrid App.本文主要是Hybrid App中实现的主要技术native组件与js的数据交互的理解以及实现.   Android API中提供了WebView组件来实现对html的渲染.所谓的HybridApp开发方式即是汇集了HTML5

Android WebView的Js对象注入漏洞解决方案

最近在做一个项目过程中,发现了一个很严重的安全漏洞,这个漏洞是乌云平台(http://www.wooyun.org)报告出来的. 1,使用场景 我们很多时候要使用WebView来展示一个网页,现在很多应用为了做到服务端可控,很多结果页都是网页的,而不是本地实现,这样做有很多好处,比如界面的改变不需要重新发布新版本,直接在Server端修改就行了.用网页来展示界面,通常情况下都或多或少都与Java代码有交互,比如点击网页上面的一个按钮,我们需要知道这个按钮点击事件,或者我们要调用某个方法,让页面执

Android webview与js的数据交互

项目要用到Webview和js交互,查了查以前的项目感觉还是有必要整理下的. 简单描述下项目中用到的地方,比如说在web页需要用到登录的地方点击登录跳转到APP原生登录界面去登录,点击web页的拨打电话弹出原生dialog询问是否拨打,点击web页里面的图片进行放大处理.针对于上述的需求我们通用的方式大概有两种,一是监听a标签,在shouldOverrideUrlLoading根据URL进行判断,二是js代码注入,找到我们想要处理的元素进行js代码注入.下面就这两种方式简单的进行描述 首先需要初