Android WebView交互传递json字符串并解析的方法

前言

我们大家都知道WebView交互中可以传递基本数据类型的数据值,比如常用的int,String.

但是WebView也可以传递一种很重要很常用的数据格式-json数据.

传递json和传递String数据是一样的,关键就是HTML5端对json数据通过eval()函数进行解析

传递过程中android端调用的最重要的一个函数就是:

addJavascriptInterface(new MyObject(this,”dd”),”my”); 这个函数有两个参数,第一个参数传入的是含有实现了JavaScript中的方法,并且使用@JavascriptInterface注解标识这个方法是被JS代码调用的,第二个参数是一个桥接字符串,这个桥接字符串可以随意定义,只要android端和JavaScript端保持一致就可以.

下面附上传递json数据的完整Demo

index.html

									<!DOCTYPE html>

									<html lang="en">

									<head>

									 <meta charset="UTF-8">

									 <title>测试Android Json传值</title>

									 <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>

									 <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>

									 <script type="text/javascript">

									$(function(){

									 //通过暴露的my对象来获取数据

									 var data = my.getData();

									 //将json字符串转换为数组

									 var f = eval(data);

									 //向表格填充数据

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

									 var en = f[i];

									 $("table").append("<tr><td>"+en.age+"</td><td>"+en.name+"</td><td>"+en.uint+"</td></tr>");

									 }

									 });

									 </script>

									</head>

									<body>

									人员表

									<div>

									 <table id="table" border="1" bgcolor="#ffddff"></table>

									</div>

									</body>

									</html>

MainActivity.java

				?

									package com.geocompass.testdeliverjson;

									import android.support.v7.app.AppCompatActivity;

									import android.os.Bundle;

									import android.webkit.WebSettings;

									import android.webkit.WebView;

									public class MainActivity extends AppCompatActivity {

									 @Override

									 protected void onCreate(Bundle savedInstanceState) {

									 super.onCreate(savedInstanceState);

									 setContentView(R.layout.activity_main);

									 WebView wv = (WebView) findViewById(R.id.wv);

									 WebSettings settings = wv.getSettings();

									 //调用WebView关联的WebSettings中setJavaScriptEnable(true)方法。

									 settings.setJavaScriptEnabled(true);

									 wv.loadUrl("file:///android_asset/index.html");

									 //调用WebView关联的WebSettings中addJavaScriptInterface

									 wv.addJavascriptInterface(new MyObject(this,"dd"),"my");

									 }

									}

activity_main.xml

				?

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

									<RelativeLayout

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

									 xmlns:tools="http://schemas.android.com/tools"

									 android:id="@+id/activity_main"

									 android:layout_width="match_parent"

									 android:layout_height="match_parent"

									tools:context="com.geocompass.testdeliverjson.MainActivity">

									 <WebView

									 android:id="@+id/wv"

									 android:layout_width="match_parent"

									android:layout_height="match_parent"></WebView>

									</RelativeLayout>

MyObject.java

				?

									package com.geocompass.testdeliverjson;

									import android.content.Context;

									import android.util.Log;

									import android.webkit.JavascriptInterface;

									import com.google.gson.Gson;

									import java.util.ArrayList;

									import java.util.List;

									/**

									 * Created by liuxu on 2017/2/13.

									 */

									public class MyObject {

									 public static final String TAG = MyObject.class.getSimpleName() ;

									 private Context mContext;

									 private String data;

									 public MyObject(Context c,String data){

									 this.data = data;

									 mContext = c;

									 }

									 /**

									 * 获取person字符串传Html

									 * @return

									 */

									 @JavascriptInterface

									 public String getData(){

									 List<Person> mlist = new ArrayList<>();

									 for (int i = 0; i <10 ; i++) {

									  mlist.add(new Person("姓名"+i,i+"","工作单位"+i));

									 }

									 Gson gson = new Gson();

									 String d = gson.toJson(mlist);

									 Log.d(TAG, "getData: dddd"+d);

									 return d;

									 }

									}

Person.java

				?

									package com.geocompass.testdeliverjson;

									/**

									 * Created by liuxu on 2017/2/13.

									 */

									public class Person {

									 public String name;

									 public String age;

									 public String uint;

									 public Person(String name, String age, String uint) {

									 this.name = name;

									 this.age = age;

									 this.uint = uint;

									 }

									}