android javaScriptデータ転送
9525 ワード
，
android html WebView ， html ， AndroidManifest.xml ：android.permission.INTERNET。 assets html 。 assets index.html 。
index.html javaScript， webview Javascript。
webView.getSettings().setJavaScriptEnabled(true);
MainActivityコードpackage com.chinasofti.html;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import com.chinasofti.domain.Contact;
import com.chinasofti.service.ContactService;
import com.example.jstest.R;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebView;
public class MainActivity extends Activity {
private static final String TAG = "MainActivity";
private ContactService contactService;
private WebView webView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
contactService = new ContactService();
webView = (WebView) this.findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new ContactPlugin(), "contact");
webView.loadUrl("file:///android_asset/index.html");
}
private final class ContactPlugin {
public void getContacts() {
List<Contact> contacts = contactService.getContacts();
try {
JSONArray array = new JSONArray();
for (Contact contact : contacts) {
JSONObject item = new JSONObject();
item.put("id", contact.getId());
item.put("name", contact.getName());
item.put("mobile", contact.getMobile());
array.put(item);
}
String json = array.toString();
Log.i(TAG, json);
webView.loadUrl("javascript:show('" + json + "')");
} catch (JSONException e) {
e.printStackTrace();
}
}
public void call(String mobile) {
Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:" + mobile));
startActivity(intent);
}
public void startAcivity() {
Intent intent = new Intent(MainActivity.this, NewActivity.class);
startActivity(intent);
}
}
}
MainActivityでのonCreateメソッドコード: webView = (WebView) this.findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);// webview javascript
webView.addJavascriptInterface(new ContactPlugin(), "contact");// ContactPlugin contact JavaScript
webView.loadUrl("file:///android_asset/index.html");// assets index.html
これでindex.のロードが しました.ここでindex.ファイルを てみます.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function show(jsondata){
var jsonobjs = eval(jsondata);
var table = document.getElementById("personTable");
for(var y=0; y<jsonobjs.length; y++){
var tr = table.insertRow(table.rows.length); //
//
var td1 = tr.insertCell(0);
var td2 = tr.insertCell(1);
td2.align = "center";
var td3 = tr.insertCell(2);
td3.align = "center";
//
td1.innerHTML = jsonobjs[y].id;
td2.innerHTML = jsonobjs[y].name;
td3.innerHTML = "<a href='javascript:contact.call(\""+ jsonobjs[y].mobile+ "\")'>"+ jsonobjs[y].mobile+ "</a>";
}
}
</script>
</head>
<!-- js webView java -->
<body onload="javascript:contact.getContacts()">
<table border="0" width="100%" id="personTable" cellspacing="0">
<tr bgcolor="#00FFCC">
<td width="20%"> </td><td width="40%" align="center"> </td><td align="center"> </td>
</tr>
</table>
<img src="images/ic_launcher.png" >
<a href="javascript:window.location.reload()"> </a>
<a href="javascript:contact.startAcivity()"> </a>
</body>
</html>
onload=「javascript:contact.get Contact()」
ページにロードされた 、ContactPluginを します. contactのget Contact() .public void getContacts() {
List<Contact> contacts = contactService.getContacts();
try {
JSONArray array = new JSONArray();
for (Contact contact : contacts) {
JSONObject item = new JSONObject();
item.put("id", contact.getId());
item.put("name", contact.getName());
item.put("mobile", contact.getMobile());
array.put(item);
}
String json = array.toString();
Log.i(TAG, json);
webView.loadUrl("javascript:show('" + json + "')");
} catch (JSONException e) {
e.printStackTrace();
}
}
webView.loadUrlに します. したJSON をindex.htmlのjavaScriptのショーに る <script type="text/javascript">
function show(jsondata){
var jsonobjs = eval(jsondata);
var table = document.getElementById("personTable");
for(var y=0; y<jsonobjs.length; y++){
var tr = table.insertRow(table.rows.length); //
//
var td1 = tr.insertCell(0);
var td2 = tr.insertCell(1);
td2.align = "center";
var td3 = tr.insertCell(2);
td3.align = "center";
//
td1.innerHTML = jsonobjs[y].id;
td2.innerHTML = jsonobjs[y].name;
td3.innerHTML = "<a href='javascript:contact.call(\""+ jsonobjs[y].mobile+ "\")'>"+ jsonobjs[y].mobile+ "</a>";
}
}
</script>
ショー では、 された を して し、 の にリンクを し、
td 3.inners HTML="