Android与JavaScript双向交互实现详解

需积分: 9 60 浏览量更新于2024-09-15 收藏 17KB DOCX 举报

"Android与JavaScript交互教程" 在Android开发中，经常需要利用WebView组件与JavaScript进行交互，以实现更丰富的用户界面和功能。Android内置的WebKit内核使得这种交互成为可能，允许我们在Java代码和JavaScript之间自由地调用方法。本教程将介绍如何在Android应用中实现Android和JavaScript的双向调用。首先，我们需要在布局文件中添加一个WebView组件。以下是一个简单的`main.xml`布局示例： ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <WebView android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/webView" /> </LinearLayout> ``` 接着，我们需要在`assets`目录下创建一个HTML文件，比如`index.html`，来展示JavaScript的代码。以下是一个简单的HTML文件示例，其中包含一个`setContactInfo`函数，用于处理传入的数据： ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script type="text/javascript"> // data数据类型为字符串，字符串里面是数组，每一个数组元素为一个json对象，例如"[{id:1,name:'张三',phone:'135656461'},{id:2,name:'李四',phone:'1896561'}]" function setContactInfo(data) { var tableObj = document.getElementById("contact"); var jsonObjects = eval(data); // 通过eval方法处理得到json对象数组 for (var i = 0; i < jsonObjects.length; i++) { var jsonObj = jsonObjects[i]; // 在这里处理json对象并更新页面 } } </script> </head> <body>  </body> </html> ``` 在Android Java代码中，我们可以使用WebView的`addJavascriptInterface`方法来暴露Java对象给JavaScript调用。例如，我们创建一个`MyJavaScriptInterface`类，并在其中定义一个方法供JavaScript调用： ```java public class MyJavaScriptInterface { @JavascriptInterface public void callFromJs(String message) { // 在这里处理来自JavaScript的调用 } } ``` 然后在Activity中设置这个接口： ```java WebView webView = (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(new MyJavaScriptInterface(), "android"); webView.loadUrl("file:///android_asset/index.html"); ``` 这样，JavaScript可以通过`window.android.callFromJs()`来调用Java方法。同时，我们也可以从Java代码中调用JavaScript，使用`loadUrl`方法： ```java webView.loadUrl("javascript:setContactInfo(\"" + jsonData + "\")"); ``` 这里，`jsonData`是你要传递给JavaScript的JSON数据字符串。双向调用的关键在于理解`addJavascriptInterface`和`loadUrl`方法的使用。`addJavascriptInterface`允许你创建一个Java对象，它的方法可以被JavaScript访问，而`loadUrl`则可以用来执行JavaScript代码，从而调用JavaScript中的函数。总结来说，Android与JavaScript的交互主要包括以下几个步骤： 1. 在布局文件中添加WebView组件。 2. 创建HTML文件，并在JavaScript中定义需要调用的方法。 3. 在Java代码中启用JavaScript支持，创建`JavaScriptInterface`，并将其添加到WebView。 4. 实现JavaScript调用Java方法，以及Java调用JavaScript方法的功能。通过这种方式，开发者可以充分利用JavaScript的灵活性和Android的系统能力，构建出更加复杂且交互性强的应用。不过要注意，由于安全原因，从Android 4.2（API级别17）开始，`@JavascriptInterface`注解是必需的，以防止恶意JavaScript代码访问Android对象。此外，不要在JavaScriptInterface中暴露敏感信息或执行危险操作，因为这可能会导致安全漏洞。

Android JS

双向调用

Android 手机中内置了一款高性能 webkit 内核，该内核完美封装到了 WebView 组件中，而

从 js 中直接调用 java 方法和在 java 中直接调用 js 方法更是让我们看到了 WebView 的强大，

下面这个小例子介绍了怎样在 js 和 java 中双向调用方法6

1.首先是布局文件 main.xml

Xml 代码66收藏代码

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

<WebView

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:id="@+id/webView"

</LinearLayout>

2.在 assets 目录下新建一个 index.html 文件6

Html 代码66收藏代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

//data 数据类型为字符串，字符串里面是数组，每一个数组元素为一个 json 对象，例

如"[{id:1,name:'张三',phone:'135656461'},{id:2,name:'李四',phone:'1896561'}]"

function setContactInfo(data)

{

var tableObj = document.getElementById("contact");

var jsonObjects = eval(data); //通过 eval 方法处理得到 json 对象数组66

for(var i=0; i<jsonObjects.length; i++)

{

var jsonObj = jsonObjects[i]; //获取 json 对象66

var tr = tableObj.insertRow(tableObj.rows.length); //添加一行66

//添加三列66

var td1 = tr.insertCell(0);

var td2 = tr.insertCell(1);

下载后可阅读完整内容，剩余3页未读，立即下载

liyonghe3

粉丝: 0
资源: 9

Android与JavaScript双向交互实现详解

android和js相互调用

Android调用JavaScript_android源码.zip

android调用javascript

android 调用js

android 调用js demo

android demo,android调用js方法

Android调用JavaScript.zip

安卓Android源码——Android调用JavaScript.zip

Android应用源码之Android调用JavaScript.zip

安卓Android源码——安卓Android调用JavaScript.zip

最新资源