如何在Android与JavaScript之间实现参数传递？

Android与JavaScript交互传参详解

在现代Web开发中，Android应用常常需要与网页中的JavaScript代码进行交互，这种交互可以通过多种方式实现，包括使用WebView组件、Intent、URL参数等，本文将详细介绍几种常见的Android与JavaScript交互传参的方法，并提供相应的示例和单元表格来帮助理解。

一、使用WebView进行交互

WebView是Android中用于显示网页内容的控件，它允许开发者在应用中嵌入一个浏览器实例，通过WebView，可以实现Android与JavaScript的双向通信。

1. Android调用JavaScript

Android可以通过loadUrl方法执行JavaScript代码，从而向网页传递参数。

webView.loadUrl("javascript:setParameter('" + parameterValue + "')");

2. JavaScript调用Android

JavaScript可以通过@JavascriptInterface注解的方法回调到Android，需要在Activity中添加一个接口类并绑定到WebView：

public class WebAppInterface {
    @JavascriptInterface
    public void receiveValueFromJS(String value) {
        // 处理从JS传来的值
    }
}
webView.addJavascriptInterface(new WebAppInterface(), "Android");

然后在JavaScript中调用这个接口：

function sendValueToAndroid(value) {
    Android.receiveValueFromJS(value);
}

二、使用Intent进行传参

当从一个Activity跳转到另一个Activity时，可以通过Intent携带数据，这种方式适用于需要在不同页面之间传递数据的场景。

创建Intent并添加数据

Intent intent = new Intent(this, TargetActivity.class);
intent.putExtra("key", value);
startActivity(intent);

接收Intent中的数据

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_target);
    String value = getIntent().getStringExtra("key");
    // 使用获取到的值
}

三、使用URL参数进行传参

如果需要在不同的应用或Web页面之间传递数据，可以使用URL参数的方式，这种方式适用于需要跨域访问的情况。

构建带有参数的URL

String url = "http://www.example.com/page?param=" + URLEncoder.encode(parameterValue, "UTF-8");

解析URL中的参数

在目标页面中，可以通过解析URL来获取参数值：

function getParameterByName(name) {
    name = name.replace(/[[]/, "\[").replace(/[]]/, "\]");
    var regex = new RegExp("[\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/+/g, " "));
}
var paramValue = getParameterByName("param");

四、单元表格比较各种方法的优缺点

五、归纳

Android与JavaScript之间的交互是现代Web开发中的一个重要环节，根据不同的需求和场景，可以选择不同的方法来实现数据的传递，无论是使用WebView进行双向通信，还是通过Intent在不同页面间传递数据，亦或是利用URL参数进行跨域访问，都有其独特的优势和局限性，希望本文能够帮助你更好地理解和应用这些技术。