本篇将讲解一个简单的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. configure: error: zlib not installed

    export LDFLAGS="-L/usr/local/zlib/lib" export CPPFLAGS="-I/usr/local/zlib/include&quo ...

  2. js中点击空白区域时文本框与隐藏层的问题

    当文本框获得焦点的时候,在文本框的下方显示一个浮动层. 当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层. 当用户点击浮动层时,改变文本框的值. <!DOCTYPE html PUB ...

  3. 使用jquery+一般处理程序异步载入信息

    需求:有时候.web界面对性能要求比較高.我们就不考虑使用asp.net控件.而是使用html标签+jquery+一般处理程序来进行异步处理. watermark/2/text/aHR0cDovL2J ...

  4. web框架之Spring-MVC环境搭建(转)

    spring框架jar包 1.下载spring源包spring地址:http://www.springsource.org/download我下的是spring-framework-3.1.0.REL ...

  5. hdu3555（数位dp）

    题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=3555 题意:求区间[a,b]内包含有'49'的数的总个数. 分析:dp[pos][0]表示到第pos位 ...

  6. 新西兰gap year_百度百科

    新西兰gap year_百度百科 新西兰gap year    Working Holiday Visa,即打工度假签证.它允许旅行者出于补贴旅行费用的目的而在签证颁发国边打工边旅行.用来鼓励双方国家 ...

  7. 使用SSIS对Dynamics CRM 系统进行数据迁移

    嗨,各位.近期项目一直都非常忙,而且自己也一直在思考职业发展的问题,所以有非常长一段时间没静下心写几篇Blog了.近期我參与的项目是Dynamics CRM 2011 到 Dynamics CRM 2 ...

  8. Android开展：ADT+Eclipse使用错误:Text editor does not have a document provider

    Eclipse参加Android sdk源代码 正在使用Eclipse进行Android开发时间,我们经常需要导入sdk源代码来Eclipse中,方便api阅读和查询,详细操作为:ctrl+鼠标左键. ...

  9. 下拉刷新，上拉装载许多其他ListView

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvanVuaHVhaG91c2U=/font/5a6L5L2T/fontsize/400/fill/I0JBQk ...

  10. Smarty中模板eq相等 ne、neq不相等， gt大于， lt小于

    eq相等   ne.neq不相等,   gt大于, lt小于 gte.ge大于等于   lte.le 小于等于   not非   mod求模   is [not] div by是否能被某数整除   i ...