本篇将讲解一个简单的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. UVA1455 - Kingdom(并查集 + 线段树)

    UVA1455 - Kingdom(并查集 + 线段树) 题目链接 题目大意:一个平面内,给你n个整数点,两种类型的操作:road x y 把city x 和city y连接起来,line fnum ...

  2. 9个杀手级 JVM 编程语言

    9个杀手级 JVM 编程语言 Java虚拟机已经不再是仅仅局限在 Java 了,很多语言提供了脚本转换,可以让其他的程序在java虚拟机上运行,这样能够让更多的开发者能够依靠JVM在Java平台上大有 ...

  3. SVN基于Maven的Web项目更新，本地过程详细解释

    周围环境 MyEclipse:10.7 Maven:3.1.1 概要 最近在做项目,MyEclipse下载SVN基于上述Maven的Web问题,有时候搞了非常半天,Maven项目还是出现叉号,最后总结 ...

  4. 开启本地MySql数据库远程连接

    解决MySQL不允许从远程访问的方法 开启 MySQL 的远程登陆帐号有两大步: 1.确定服务器上的防火墙没有阻止 3306 端口. MySQL 默认的端口是 3306 ,需要确定防火墙没有阻止 33 ...

  5. ConcurrentHashMap中的2的n次方幂上舍入方法（转）

    最近看JDK中的concurrentHashMap类的源码,其中有那么一个函数: /** * Returns a power of two table size for the given desir ...

  6. UIView详解2

    第三.Configuring the Event-Related Behavior 1.  userInteractionEnabled  property A Boolean value that ...

  7. 程序猿进化 - 在拉钩子1024对APE节讲座计划

    注意:下面这篇文章来自于我在网上拉勾1024对APE节现场演示程序. 我是蒋宇捷,信天创投的合伙人.之前是百度魔图的联合创始人. 我先做个自我介绍,事实上每次介绍自己事实上是非常痛苦的事情,由于我前不 ...

  8. Android于fragment_main.xml文件问题组件收购

    package com.dhy.phonedial; import android.app.Activity; import android.app.Fragment; import android. ...

  9. Velocity缓存与穿透(转)

    原文  http://fantaxy025025.iteye.com/blog/2283904 主题 Java 总评:只是标记一下这种用法hack方法.这种场景下用这种方法还是比较雷人的. Veloc ...

  10. 强大的PropertyGrid

    PropertyGrid, 做工具一定要用这东西..... 把要编辑的对象看成类的话, 全部要编辑的属性就是成员 嗯嗯, 近期看了几眼Ogitor, 它对于PropertyGrid的使用就非常不错 全 ...