Java和JavaScript相互沟通Word格式文档下载.docx
《Java和JavaScript相互沟通Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《Java和JavaScript相互沟通Word格式文档下载.docx（14页珍藏版）》请在冰豆网上搜索。
scripttype="
text/javascript"
//该部分用到了JavaScript的一些知识。
不熟练的读者可以查阅相关书籍。
//或者可由美工做出来之后，进行必要的修改！
functionshow（jsondata）{
//将传递过来的json数据转换为对象
varjsonobjs=eval（jsondata）;
//获取下面定义的的表格
vartable=document.getElementById（"
personTable"
）;
//遍历上面创建的json对象，将每个对象添加为表格中的一行，其每个属性为一列
for（vari=0;
i<
jsonobjs.length;
i++）{
//添加一行
vartr=table.insertRow（table.rows.length）;
//添加三个单元格
vartd1=tr.insertCell（0）;
vartd2=tr.insertCell
（1）;
td2.align="
center"
;
vartd3=tr.insertCell
（2）;
//设置么个单元格的内容和属性，
//其中innerHTML为设置或获取位于对象起始和结束标签内的HTML
//jsonobjs[i]为对象数组中的第i个对象
td1.innerHTML=jsonobjs[i].id;
td2.innerHTML=jsonobjs[i].name
//为显示的内容添加超链接。
//超链接会调用Java代码中的call（）方法并且把内容作为参数传递过去
td3.innerHTML="
ahref='
javascript:
sharp.call（\"
"
+jsonobjs[i].phone+"
\"
）'
+jsonobjs[i].phone+"
/a>
;
}
}
/script>
/head>
--onload指定了当该页面被加载时调用的方法，本例调用了Java代码中的contactlist方法-->
bodybgcolor="
#000000"
text="
#FFFFFF"
style="
margin:
0000"
onload="
sharp.contactlist（）"
<
--定义一个表格，显示数据-->
tableborder="
0"
width="
100%"
id="
cellspacing="
<
tr>
<
tdwidth="
15%"
编号<
/td>
tdalign="
姓名<
电话<
/tr>
/table>
/body>
/html>
说明：
●functionshow（jsondata）
该方法将传入的json数据进行分割，每条数据作为一行显示在下面的表格当中。
●td3.innerHTML="
+jsonobjs[y].phone+"
+jsonobjs[y].phone+"
为其文本加上超链接，点击该超链接会调用HtmlActivity的内部类SharpJavaScript类的实体对象的call方法来完成拨号，并将号码传入。
●onload="
Sharp.contactlist（）
当页面加载时访问Sharp所代表的HtmlActivity的内部类SharpJavaScript类的实体对象的contactlist（）方法，完成数据的获取，并将数据拆分成Json数据，之后该方法会调用JavaScript中的show方法来为表格添加数据。
编写main.xml：
?
xmlversion="
1.0"
encoding="
utf-8"
LinearLayoutxmlns:
android="
android:
orientation="
vertical"
layout_width="
fill_parent"
layout_height="
>
WebView
id="
@+id/webView"
/>
/LinearLayout>
编写Contact.java：
创建一个实体类，封装联系人信息。
如下图。
其代码如下：
packagecom.sharpandroid.domain;
publicclassContact{
privateIntegerid;
privateStringname;
privateStringphone;
publicIntegergetId（）{
returnid;
publicvoidsetId（Integerid）{
this.id=id;
publicStringgetName（）{
returnname;
publicvoidsetName（Stringname）{
this.name=name;
publicStringgetPhone（）{
returnphone;
publicvoidsetPhone（Stringphone）{
this.phone=phone;
publicContact（Integerid,Stringname,Stringphone）{
publicContact（）{}
}
编写HtmlActivity.Java：
HtmlActivity.java
packagecom.sharpandroid.html;
importjava.util.ArrayList;
importjava.util.List;
importorg.json.JSONArray;
importorg.json.JSONObject;
importandroid.app.Activity;
importandroid.content.Intent;
import.Uri;
importandroid.os.Bundle;
importandroid.webkit.WebView;
importcom.sharpandroid.domain.Contact;
publicclassHtmlActivityextendsActivity{
privateWebViewwebView;
/**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate（BundlesavedInstanceState）{
super.onCreate（savedInstanceState）;
setContentView（R.layout.main）;
webView=（WebView）this.findViewById（R.id.webView）;
//浏览器
webView.getSettings（）.setJavaScriptEnabled（true）;
//支持js
webView.getSettings（）.setSaveFormData（false）;
//不保存表单
webView.getSettings（）.setSavePassword（false）;
//不保存密码
webView.getSettings（）.setSupportZoom（false）;
//不支持放大功能
webView.addJavascriptInterface（newSharpJavaScript（）,"
sharp"
//addJavascriptInterface方法中要绑定的Java对象
webView.loadUrl（"
file:
///android_asset/index.html"
publicclassSharpJavaScript{
publicvoidcontactlist（）{
try{
Stringjson=buildJson（getContacts（））;
webView.loadUrl（"
show（'
+json+"
'
）"
//调用js的show（）方法
}catch（Exceptione）{
e.printStackTrace（）;
}
publicvoidcall（Stringphone）{
Intentintent=newIntent（Intent.ACTION_CALL,Uri.parse（"
tel:
+phone））;
HtmlActivity.this.startActivity（intent）;
//模拟从数据库或者从网络获取数据
publicList<
Contact>
getContacts（）{
List<
contacts=newArrayList<
（）;
contacts.add（newContact（1,"
张三"
"
5554"
））;
contacts.add（newContact（2,"
李四"
5556"
contacts.add（newContact（3,"
王五"
5557"
returncontacts;
publicStringbuildJson（List<
contacts）throwsException{
JSONArrayarray=newJSONArray（）;
for（Contactcontact:
contacts）{
JSONObjectjsonObject=newJSONObject（）;
jsonObject.put（"
id"
contact.getId（））;
name"
contact.getName（））;
phone"
contact.getPhone（））;
array.put（jsonObject）;
returnarray.toString（）;
关键代码详解：
●webView=（WebView）this.findViewById（R.id.webView）;
获得webView对象。
●webView.getSettings（）.setJavaScriptEnabled（true）;
webView.getSettings（）.setSaveFormData（false）;
webView.getSettings（）.setSavePassword（false）;
webView.getSettings（）.setSupportZoom（false）;
完成对webView的一些属性设置。
●webView.addJavascriptInterface（newSharpJavaScript（）,"
把Java对象绑定到JavaScript中。
在JavaScript中通过“Sharp”可以引用到该对象。
参数一要绑定的Java对象
参数二在JavaScript中访问该对象时使用的名字。
●webView.loadUrl（"
加载指定Url路径对应的文件到webView上。
“file:
///android_asset/index.html”对应于assets下的index.html文件。
file表示在文件系统中。
/android_asset对应项目中的assets目录。
●publicList<
getContacts（）
该方法是为了简化本程序的操作，模拟从数据库或者网络获取数据。
我们在实际开发时可以在该方法中实现从数据库或网络获取数据。
●publicStringbuildJson（List<
contacts）throwsException
把传入的对象数组构建成Json数据返回。
JSONArray是Android提供的一个将数据转化成Json数据的一个工具类。
我们可以调用它的相关方法生成Json数据。
这与我们自己拼凑Json数据方便了很多。
●publicclassSharpJavaScript{
该内部类封装了一些操作，供JavaScript调用。
Stringjson=buildJson（getContacts（））;
获得Json数据。
webView.loadUrl（"
调用index.html中JavaScript的show（）方法，并将json数据传入。
●publicvoidcall（Stringphone）{
该方法创建一个拨打电话的意图。
添加拨号权限
功能清单文件如下：
AndroidManifest.xml
manifestxmlns:
package="
com.sharpandroid.phoneuibyhtml"
versionCode="
1"
versionName="
applicationandroid:
icon="
@drawable/icon"
label="
@string/app_name"
activityandroid:
name="
.PhoneActivity"
intent-filter>
actionandroid:
android.intent.action.MAIN"
categoryandroid:
android.intent.category.LAUNCHER"
/intent-filter>
/activity>
/application>
uses-sdkandroid:
minSdkVersion="
7"
uses-permissionandroid:
android.permission.CALL_PHONE"
/>
/manifest>
运行程序
将程序发布到sharp模拟器上面。
结果如下图。
为了测试拨号效果，再启动一个AVD，启动listen。
在sharp中点击【5556】号码。
之后sharp中界面如下图。
listen中界面如下。
项目总结
整体的流程是，当该应用开始执行时，首先执行PhoneActivity中的onCreate（）方法，在OnCreate（）方法内部首先获取了在main.xml中定义的webView对象，之后通过其关联的webSettings对象对webView进行一系列的初始化设置如是否支持JavaScript，之后将PhoneActivity的一个内部类SharpJavaScript的一个对象通过AddJavaScriptInterface方法绑定到JavaScript中去，以使得JavaScript可以访问该SharpJavaScript类中封装的方法，接着通过loadUrl（）方法将assets/目录下的phoneui.html文件加载到webView中，当index.html页面被加载时，会发生onload事件时，而onload会调用java的contactlist（）方法，contactlist（）方法获取Json格式的数据，然后调用JavaScript的show（）方法，把Json数据传进去。
show（）方法把从java中得到的json数据显示到表格中。
当点击电话号码上的超链接时，会调用java中的call（）方法，并把号码传递给call（），call（）方法调用拨号服务，拨打电话。
JavaScript可以调用Java中的方法并传递数据，可以在Java代码中完成对本机资源的访问以及对手机服务的调用。
并且在例子中我们看到将Java中获取的数据转化成Json数据传递给JavaScript中。
Java中的数据可以来自于SQLite数据库，也可以来自于网络，还可以来自于内容提供者等等。
我们在今后的实际中可以按照本例的方法要求美工做好一个Html界面，进行必要的修改之后，放入assets/目录下，按照示例代码中的做法就可以利用该Html界面了。
这样不仅加快开发进度，又能增加界面的美观，为你的应用程序界面打造一幅“美丽的脸庞”！
升级会员 