本篇将讲解一个简单的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. Xenu-web开发死链接检測工具应用

    Xenu 是一款深受业界好评,并被广泛使用的死链接检測工具. 时常检測站点并排除死链接,对站点的SEO 很重要,由于大量死链接存在会减少用户和搜索引擎对站点的信任,web程序开发者还可通过其找到死链接 ...

  2. Django URL 命名空间

    https://docs.djangoproject.com/en/1.5/topics/http/urls/#introduction 译文: URL 命名空间 简介: 当你需要部署一个应用的多个实 ...

  3. Cocos2d-x精华教程汇总（第三期） cocos2d-x最新离线API文档下载（最新版3.6更新。。。）

    其实使用doxygen在Cocos2d-x引擎的doc目录下可以生成离线文档,但是可能每个人为了生成一个离线文档去安装甚至编译doxygen毕竟麻烦,而且现有的doxygen无法生成多语言版本的离线文 ...

  4. python面向对象具体解释(上)

    创建类 Python 类使用 class 关键字来创建.简单的类的声明能够是关键字后紧跟类名: class ClassName(bases): 'class documentation string' ...

  5. php如何判断用户是从指定页面跳转进来的

    $_SERVER['HTTP_REFERER']下'HTTP_REFERER' 引导用户代理到当前页的前一页的地址(如果存在).由 user agent 设置决定.并不是所有的用户代理都会设置该项,有 ...

  6. javascript UniqueID属性

        在Web页中的每一个HTML元素都一个ID属性,ID作为其标示,在我们的普通理解中它应该是unique的.但是HTML元素的ID属性是可写的,这就造成了我们非常可能人为的使ID的反复.按么假设 ...

  7. cocos2d-html5游戏图片资源选择

    cocos2d-html5游戏图片资源能够选择,单张的图片作为一个精灵或者场景的载入对象.也能够把图片给做成plist文件.通过plist来訪问图片资源.其中优缺点.使用方式在个人的測试其中体现例如以 ...

  8. 学习OpenCV第0天

    自2011年接触OpenCV已经有几年了,一直停留在写一些小程序,利用手冊完毕一些任务,一直没有深入研究当中代码,现在毕业,但各种原因未能进入图像处理行业,故现重学OpenCV,包含分析代码,学习算法 ...

  9. lightoj1027（期望dp）

    有一个迷宫,有n个门,走每个的概率都是相同的 每个门有一个数字,如果是正数ai,那么表示走ai天就能走出迷宫,如果是负数,那么走-ai天会回到原地,然后会忘记之前的事情,继续选择门去走 所以,如果都是 ...

  10. iOS游戏开发游戏功能之外的东西

    对于一个游戏的开发,我们除了完毕游戏的功能之外,还有多少东西我们须要考虑呢? 非常多.也非常烦! 但做过一遍之后下一次就会非常easy. 都有什么东西我们想加入到游戏其中呢? (1)分享功能 (2)评 ...