H5与android客户端JS交互方案

来源：互联网发布：图片设计软件编辑：程序博客网时间：2024/06/07 00:29

1. 客户端调用h5界面中的js方法，即客户端向h5端传递参数。

Android端代码：

webview.loadUrl("javascript:callJavaScriptMethod1()");// 传递参数调用webview.loadUrl("javascript:callJavaScriptMethod1(" + "'hello world'" +",'yxf'"+ ")");

注意： 1.android端代码方法名前面需要加javasript:

2.方法名字对应一致

3.参数格式。

4.参数的类型也要对应

2. H5界面调用客户端的方法，即h5端向android端传递参数（支付结果）。

Android端代码：

  @SuppressLint({"JavascriptInterface", "SetJavaScriptEnabled"})    private void initWebView(String url) {        WebSettings mWebSettings = wv_pay.getSettings();        mWebSettings.setJavaScriptEnabled(true);

        //加上这句话才能使用javascript方法        wv_pay.setWebChromeClient(new WebChromeClient()); //如果有多个交互方法，stringName必须取名不一样，否则后写的覆盖前面的        wv_pay.addJavascriptInterface(new Object() {        @JavascriptInterface//Android4.4后每个js交互方法必须要有注解            public void callAndroidMethod1(int m, int n) {                         }        }, "demo1");   }

注意：

2. 注解需要添加

3. 方法名要一致

4. 调用格式需要一致（事例中的demo1必须要有）

5. 参数的类型也要对应

阅读全文

0 0