Android WebView中 JS与Java的交互

一般我们会定义一个内部类,方便获取外部类的信息以便传递给JS使用或者是将JS运行得到的值回传给Java代码以便在界面上实现更好的更新或者直接通过Java代码发送给服务器。
由于近期使用到高德地图的H5定位,这里以他为例好了。
1.WebSettings webSettings = webView.getSettings();
// 重要的一句,允许webview执行javaScript脚本
webSettings.setJavaScriptEnabled(true);
2.下面的JSInterface就是与JS交互的类

class JSInterface {//这就是我们定义的与JS交互的类
        private Context context;//传进来一个context,便于访问各种资源
        private int number=0;
        public JSInterface(Context context){
            this.context=context;
        }
        @JavascriptInterface//有这个注解并且方法为public才可以被JS访问
        public void sendMessageToDataBase(String args){

            //当然你可以在在这里对传进来的参数利用正则进行分割
            Toast.makeText(context, "已发送: "+args, Toast.LENGTH_SHORT).show();
            Log.e("JSInterface", args);
        }
        @JavascriptInterface
        public void showToast(String args){
            Toast.makeText(context, args+(++number), Toast.LENGTH_SHORT).show();
        }
        @JavascriptInterface
        public String sendTheValueToJs(){
            return text;
            //同样的你可以在收到参数的JS代码里对结果进行解析
        }
    }

3.webView.addJavascriptInterface(new JSInterface(Assistant_Location_Activity.this), “JSInterface”);
重要的一句,将这个Java对象注入到webview,这会允许JavaScript可以访问这个对象中的注解为@JavascriptInterface且是public的方法
4.JS里调用Java代码
必须和刚刚在addJavaScriptInterface使用的名称及方法完全相同,这里好像没有智能提示,复制或者凭记忆好了
var text=JSInterface.sendTheValueToJs();
JSInterface.showToast(result);
JSInterface.sendMessageToDataBase(data.position.getLng()+”,”+data.position.getLat());
运行效果图
Android WebView中 JS与Java的交互_第1张图片
Android WebView中 JS与Java的交互_第2张图片
最后献上Android源程序代码。请到这里来下载。
Eclipse版本 http://download.csdn.net/detail/yellowstar5/9628349
Android Studio版本http://download.csdn.net/detail/yellowstar5/9628365
若要转载请注明出处。

你可能感兴趣的:(Android WebView中 JS与Java的交互)