android js传递参数

在Android开发中，JavaScript与原生代码之间的交互通常通过WebView来实现。WebView是一个可以加载网页的视图组件，它允许你在应用中嵌入网页，并且可以通过JavaScript接口（JSInterface）来实现JavaScript与原生代码的双向通信。

基础概念

JavaScript接口（JSInterface）：这是一个Java类，它提供了JavaScript可以调用的方法。通过addJavascriptInterface方法，可以将这个Java类的实例注入到WebView中，使得JavaScript可以通过特定的对象名来调用这些方法。

URL拦截：可以通过WebViewClient的shouldOverrideUrlLoading方法来拦截WebView中的URL加载请求，从而实现JavaScript向原生代码传递参数。

优势

灵活性：允许网页与应用之间无缝交互，提升用户体验。
扩展性：可以轻松添加新的交互功能，而不需要修改网页的结构。
性能：相比于其他通信方式，如Intent或Socket，JSInterface通常更为高效。

类型

直接调用：通过addJavascriptInterface注入的方法，JavaScript可以直接调用。
URL拦截：通过自定义协议或特定格式的URL来传递参数。
消息传递：使用postMessage API进行跨文档通信。

应用场景

表单提交：用户在WebView中填写表单后，可以直接通过JSInterface将数据传递给原生应用进行处理。
支付流程：网页中的支付请求可以通过JSInterface触发原生应用的支付功能。
数据同步：网页上的数据变化可以实时同步到原生应用中。

示例代码

以下是一个简单的例子，展示了如何通过JSInterface在Android中接收JavaScript传递的参数：

public class MainActivity extends AppCompatActivity {
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // 注入JSInterface
        webView.addJavascriptInterface(new WebAppInterface(this), "Android");
        webView.loadUrl("file:///android_asset/index.html");
    }

    public class WebAppInterface {
        Context mContext;

        /** Instantiate the interface and set the context */
        WebAppInterface(Context c) {
            mContext = c;
        }

        /** Show a toast from the web page */
        @JavascriptInterface
        public void showToast(String toast) {
            Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
        }
    }
}

在HTML文件中，你可以这样调用原生方法：

<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
    <script type="text/javascript">
        function showAndroidToast(toast) {
            Android.showToast(toast);
        }
    </script>
</head>
<body>
    <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
</body>
</html>