本篇将讲解一个简单的Android与JavaScript之间的简单调用的小程序

效果图

工程结构

HTMLActivity.java代码

package com.example.javatojs;

import android.app.Activity;

import android.os.Bundle;

import android.os.Handler;

import android.webkit.WebView;

public class HTMLActivity extends Activity {

	private WebView webView = null;

	public Handler handler = new Handler();

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        webView = (WebView)this.findViewById(R.id.webView);

        //设置字符集编码

        webView.getSettings().setDefaultTextEncodingName("UTF-8");

        //开启JavaScript支持

        webView.getSettings().setJavaScriptEnabled(true);

        //传递一个Java对象，同时给他命名，这个对象可以在js中调用这个对象的方法

        webView.addJavascriptInterface(new MyObject(this,handler), "myObject");

        //加载assets目录下的文件

        String url = "file:///android_asset/index.html";

        webView.loadUrl(url);

    }

}

MyObject.java

package com.example.javatojs;

import org.json.JSONArray;

import org.json.JSONException;

import org.json.JSONObject;

import android.os.Handler;

import android.webkit.WebView;

public class MyObject {

	private Handler handler = null;

	private WebView webView = null;

	public MyObject(HTMLActivity htmlActivity, Handler handler) {

		this.webView = (WebView) htmlActivity.findViewById(R.id.webView);

		this.handler = handler;

	}

	public void init() {

		// 通过handler来确保init方法的执行在handler绑定的Activity的主线程中

		handler.post(new Runnable() {

			public void run() {

				// 调用客户端setContactInfo方法

				webView.loadUrl("javascript:setContactInfo('" + getJsonStr()

						+ "')");

			}

		});

	}

	public static String getJsonStr() {

		try {

			JSONObject object1 = new JSONObject();

			object1.put("id", 1);

			object1.put("name", "张三");

			object1.put("phone", "123456");

			JSONObject object2 = new JSONObject();

			object2.put("id", 2);

			object2.put("name", "李四");

			object2.put("phone", "456789");

			JSONArray jsonArray = new JSONArray();

			jsonArray.put(object1);

			jsonArray.put(object2);

			return jsonArray.toString();

		} catch (JSONException e) {

			e.printStackTrace();

		}

		return null;

	}

}

activity_main.java

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

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <WebView

        android:id="@+id/webView"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent" />

</LinearLayout>

index.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");

		//通过eval方法处理得到json对象数组

		var jsonObjects = eval(data);

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

			//获取json对象

			var jsonObj = jsonObjects[i];

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

			//添加三列

			var td1 = tr.insertCell(0);

			var td2 = tr.insertCell(1);

			var td3 = tr.insertCell(2);

			td1.innerHTML = jsonObj.id;

			td2.innerHTML = jsonObj.name;

			td3.innerHTML = jsonObj.phone;

		}

	}

</script>

</head>

<!--调用服务器端init方法-->

<body onload="javascript:myObject.init()">

	<table id="contact">

		<tr>

			<td>编号</td>

			<td>姓名</td>

			<td>电话</td>

		</tr>

	</table>

</body>

</html>

源代码下载

如有疑问，可留言

【Android进阶】Android程序与JavaScript之间的简单调用的更多相关文章

  1. 在android中实现webview与javascript之间的交互(转）

    参见“在android中实现webview与javascript之间的交互”

  2. Android 进阶 Android 中的 IOC 框架 【ViewInject】 （下）

    上一篇博客我们已经带大家简单的吹了一下IoC,实现了Activity中View的布局以及控件的注入,如果你不了解,请参考:Android 进阶 教你打造 Android 中的 IOC 框架 [View ...

  3. Android进阶之Fragment与Activity之间的数据交互

    1 为什么 因为Fragment和Activity一样是具有生命周期,不是一般的bean通过构造函数传值,会造成异常. 2 Activity把值传递给Fragment 2.1 第一种方式,也是最常用的 ...

  4. Android进阶——Android消息机制之Looper、Handler、MessageQueen

    Android消息机制可以说是我们Android工程师面试题中的必考题,弄懂它的原理是我们避不开的任务,所以长痛不如短痛,花点时间干掉他,废话不多说,开车啦 在安卓开发中,常常会遇到获取数据后更新UI ...

  5. Android进阶——Android视图工作机制之measure、layout、draw

    自定义View一直是初学者们最头疼的事情,因为他们并没有了解到真正的实现原理就开始试着做自定义View,碰到很多看不懂的代码只能选择回避,做多了会觉得很没自信.其实只要了解了View的工作机制后,会发 ...

  6. Android进阶——Android事件分发机制之dispatchTouchEvent、onInterceptTouchEvent、onTouchEvent

    Android事件分发机制可以说是我们Android工程师面试题中的必考题,弄懂它的原理是我们避不开的任务,所以长痛不如短痛,花点时间干掉他,废话不多说,开车啦 Android事件分发机制的发生在Vi ...

  7. Android 进阶Android 中的 IOC 框架 【ViewInject】 （上）

    1.概述 首先我们来吹吹牛,什么叫IoC,控制反转(Inversion of Control,英文缩写为IoC),什么意思呢? 就是你一个类里面需要用到很多个成员变量,传统的写法,你要用这些成员变量, ...

  8. 【Android进阶】Gson解析json字符串的简单应用

    在客户端与服务器之间进行数据传输,一般采用两种数据格式,一种是xml,一种是json.这两种数据交换形式各有千秋,比如使用json数据格式,数据量会比较小,传输速度快,放便解析,而采用xml数据格式, ...

  9. 《Android进阶》之第一篇 在Java中调用C库函数

    在Java代码中通过JNI调用C函数的步骤如下: 第一步:编写Java代码 class HelloJNI{ native void printHello(); native void printStr ...

随机推荐

  1. 杭州电ACM1098——Ignatius&#39;s puzzle

    这个话题.简单的数学. 对于函数,f(x)=5*x^13+13*x^5+k*a*x,输入k,对于休闲x,一个数字的存在a,使f(x)是65可分. 对于休闲x. 因此,当x = 1时间,f(x) = 1 ...

  2. Application to find the maximum temperature in the weather dataset

    import org.apache.hadoop.fs.Path; import org.apache.hadoop.io.IntWritable; import org.apache.hadoop. ...

  3. 复习面向对象的OOA、OOD、OOP

    复习 OOA.OOD.OOP OOA Object-Oriented Analysis:面向对象分析方法 是在一个系统的开发过程中进行了系统业务调查以后,依照面向对象的思想来分析问题. OOA与结构化 ...

  4. C++技术问题总结-第11篇 网络通信中主机序网络序

    网络通信常常涉及到字节序转化,接下来理解主机序和网络序有什么异同. ①主机字节顺序HBO(Host Byte Order) 採用小头序(little-endian),从低到高的顺序存储. 低位字节排放 ...

  5. 【译】ASP.NET MVC 5 教程 - 7：Edit方法和Edit视图详解

    原文:[译]ASP.NET MVC 5 教程 - 7:Edit方法和Edit视图详解 在本节中,我们继续研究生成的Edit方法和视图.但在研究之前,我们先将 release date 弄得好看一点.打 ...

  6. pygame在安装过程中无法找到videodev.h错误

    首先参考<ubuntu 安装 pygame 非常好玩的东西>.在运行sudo python setup.py时.出现 linux/videodev.h:No such file or di ...

  7. 如何通过shell脚本操作MongoDB

    通过shell脚本对MongoDB进行自动化操作 运行写好的 ./show.sh 脚本 发现能够建立mongo链接 #!/bin/sh mongo WordPress --eval "sho ...

  8. String ,StringBuffer,StringBuilder精髓比較

    1. 在运行速度方面的比較:StringBuilder > StringBuffer > String 2. StringBuffer与StringBuilder.他们是字符串变量,是可改 ...

  9. App如何选择移动广告平台的开发者3 - 选择标准广告平台

    App开发公司.通常他们不能走品牌.要挑品牌的能力,我们将面临两大问题:业务团队.广告填充率.一系列的问题,以现金周期. 无线商务本才刚刚开始,大多数都是没有商业经验.产品.设计.运营.销售的人才都不 ...

  10. oracle 修改dbid和dbname

    一般这玩意没人修改,除非特殊情况,比如克隆数据库等等 步骤: 1.备份数据库 2.启动数据到mount状态 3.nid命令修改 (如果只是修改dbid,那么不需要dbname参数,需要更改dbname ...