首页 / JAVASCRIPT / 让Java和JavaScript进行交互

让Java和JavaScript进行交互

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了让Java和JavaScript进行交互，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2850字，纯文字阅读大概需要5分钟。

内容图文

本篇博文参考自：http://droidyue.com/blog/2014/09/20/interaction-between-java-and-javascript-in-android/

我们在使用webview时可以让java代码和网页中的js代码进行交互，本文就简单说明下二者是如何交互的。

 

一、JS调用java代码

1.1 网页的代码： 

            <
            html
            >
            <
            script 
            type
            ="text/javascript"
            >
            

    function toastMessage(message) {
        window.control.toastMessage(message)
    }

    function sumToJava(number1, number2){
       window.control.onSumResult(number1 + number2)
    }

            </
            script
            >
            
Java-Javascript Interaction In Android

            </
            html
            >

可以看见，这个网页代码中有js的代码，主要代码片段如下： 

                function
             toastMessage(message) {
        window.control.toastMessage(message)
    }

    
            function
             sumToJava(number1, number2){
       window.control.onSumResult(number1 + number2)
    }

可以发现这里用了一个方法：window.control.xxxxx。这里的control需要在android端实现，网页这里只需要调用就行。

调用格式为：window.jsInterfaceName.methodName(parameterValues) 此例中我们使用的是control作为注入接口名称，所以变成了： 

         window.control.toastMessage(message)

 

1.2 Android端 

            package
             com.example.javajsinteractiondemo;


            import
             android.annotation.SuppressLint;

            import
             android.app.Activity;

            import
             android.os.Bundle;

            import
             android.util.Log;

            import
             android.view.Menu;

            import
             android.webkit.JavascriptInterface;

            import
             android.webkit.WebChromeClient;

            import
             android.webkit.WebSettings;

            import
             android.webkit.WebView;

            import
             android.webkit.WebViewClient;

            import
             android.widget.Toast;


            public
            class MainActivity extends Activity {
  privatestaticfinal String LOGTAG = "MainActivity";
  @SuppressLint("JavascriptInterface")
  @Override
  protectedvoid onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
final WebView myWebView = (WebView) findViewById(R.id.myWebView);
      WebSettings settings = myWebView.getSettings();
      settings.setJavaScriptEnabled(true);
      myWebView.addJavascriptInterface(new JsInteration(), "control");
      myWebView.setWebChromeClient(new WebChromeClient() {});
     
      myWebView.loadUrl("file:///android_asset/js_java_interaction.html");
  }
  publicclass JsInteration {
      
      @JavascriptInterface
      publicvoid toastMessage(String message) {
          Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show();
      }
      
      @JavascriptInterface
      publicvoid onSumResult(int result) {
          Log.i(LOGTAG, "onSumResult result=" + result);
      }
  }

}

可以看到，webview中用  addJavascriptInterface 方法定义了一个注入接口和类：control & JsInteration。然后在之后就写好了JsInteration的实现方法：toastMessage & onSumResult，这样在js中调用时android就知道js用的是什么方法了。 

 

二、java调用js

调用js的方法很简单和加载网页完全一致

基本格式：webView.loadUrl(“javascript:methodName(parameterValues)”)

例子1:

无参数方法 

String call = "javascript:sayHello()";
webView.loadUrl(call);

例子2:

注意对于字符串作为参数值需要进行转义双引号 

String call = "javascript:alertMessage(\"" + "content" + "\")";
webView.loadUrl(call);

 

 

关于如何安全的进行交互，避免注入攻击，请参考：http://mobile.51cto.com/aprogram-452011.htm

关于如何获取js的返回值，请参考：http://droidyue.com/blog/2014/09/20/interaction-between-java-and-javascript-in-android/

 

原文：http://www.cnblogs.com/tianzhijiexian/p/4244688.html

内容总结

以上是互联网集市为您收集整理的让Java和JavaScript进行交互全部内容，希望文章能够帮你解决让Java和JavaScript进行交互所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1094400.html

来源：【匿名】