您的位置：首页 > 移动开发 > Android开发

Android与JavaScript方法相互调用

2012-12-11 16:21 621 查看

Activity代码

public class JSandJavaActivity extends Activity {

WebView webView= null;

Handler handler = new Handler();//进行异步通讯

@Override

public void
onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

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

webView.getSettings().setJavaScriptEnabled(true);//只有设为true才能与javascript进行通讯

webView.addJavascriptInterface(new
Object(){//让javascript能调用java中的方法

public
void show(){

handler.post(new
Runnable(){

@Override

public
void run() {

//webView.loadUrl("javascript:pageini()");

webView.loadUrl("javascript:personlist('"+query()+"')");//调用javascript函数

}

});

}

}, "caller");

String path="file:///android_asset/test.html";

webView.loadUrl(path);//载入页面

}

public
static String query(){//构造json对象

JSONArray array = null;

try {

JSONObject
object = new JSONObject();

object.put("id",
1);

object.put("name","lybeen");

object.put("age",
23);

object.put("address",
"HZ");

JSONObject
object2 = new JSONObject();

object2.put("id",
2);

object2.put("name","lybeen2");

object2.put("age",
24);

object2.put("address",
"SH");

array = new
JSONArray();

array.put(object);

array.put(object2);

} catch (JSONException e)
{

// TODO
Auto-generated catch block

e.printStackTrace();

}

return array.toString();

}

}

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />

<title>无标题文档</title>

<script
language="javascript">

function
personlist(jsons){ //传json对象

var
table=document.getElementByIdx_x("person");

var
arr=eval_r(jsons);

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

var
jsonobj = arr[i];

var
tr = table.insertRow(table.rows.length);

var
td1 = tr.insertCell(0);

var
td2 = tr.insertCell(1);

var
td3 = tr.insertCell(2);

var
td4 = tr.insertCell(3);

td1.innerHTML
= jsonobj.id;

td2.innerHTML
= jsonobj.name;

td3.innerHTML
= jsonobj.age;

td4.innerHTML
= jsonobj.address;

}

}

</script>

</head>

<body onload="caller.show()">
//调用java中的函数

<table width="100%"
id="person">

<tr
bgcolor="#33FFFF">

<td>id</td>

<td>name</td>

<td>age</td>

<td>address</td>

</tr>



</table>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航