Web页面动态表格数据导入Excel的JavaScript_实现.pdfVIP

Web页面动态表格数捉导八 浙江工业职业技术学院沈才梁 web应用系统经常需要通过客户端浏览器实现对服务器数 据库的查询访问，并根据客户端要求格式显示查询结果。若客户 端需要进一步报表处理数据时，如果能够导入Excel电子表格进 行处理就可极大地提高灵活性。本文从实际应用的角度，阐述利 用Javascript实现web页面动态表格数据的Excel导人的方法。 1动态表格数据 基于B／s模式应用系统的特点在于客户端通过浏览器实现 对服务器数据的访问。如果客户端浏览器中的web表格数据由客 户端浏览器中的输入来决定，浏览器将根据客户的输入在服务器 数据库中进行相应的查询．并将查询结果动态反映在浏览器中。 在此以sQL鼬nrer2000数据库中自带的wonhwjnd数据库为例 说明。查询该数据库中customers表中所有的记录，并以客户联系 表的形式在客户浏览器中显示。 代码l利用内嵌AsP脚本产生的表格数据： !一一#include nle=”cnn．asp一一一 ％Dim SQLstr，yh customers” SQLstr=”select★fIom S吼yh=Cnn．Execute(SQLstr) ％ formname=”f0I．m2”method=”Dost”action=”” inputtype=”submit’，value=”导入电子表格”onclick=”toExcel()；” style=”noat：right” paIign=center客户联系表／p ／fbrm table id=”Tab”horder=”l” al培n=center (1r tdwidth=”80” ／td div客户代号／div tdwidth=”240” ／td div公司名／div ／ScIipt tdwidth=”150” ／td div联系人／div ／tr WhileNot Ir％Do vh．EOF％ tdwidlh=”80” div ％=vh(”Cust()merID”)％ 240” diV ／diV／【d ％=yh(”CompanyName”)％ tdwjdth=”150” div ／djv／td ％=yh(”ContactName”)％ ／tr％yh．MoVeNext loop％ ／table 代码1中，首先包含了一个cnn．asp文件。该文件主要作用是 图1浏览器数据库查询结果 确认身份并将客户端连接到服务器SQLsenrer数据库中，这不是 本文讨论的重点，故此略去该文件的代码实现。代码】主要实现 了对服务器SOLserver数据库的查询，并将结果显示在客户端浏 览器中。通过HTML表格中嵌入AsP代码，将服务器端查询结果 实时显示在浏览器中。关键的一点是，在代码中利用HTML将表 格jd标识为Tab——该标识在下面导人电子表格的代码中作为引 用表格对象的句柄使用。由此可知，欲将浏览器中其他各对象数 据导人，同样需要在定义时标识其相应的id。 2导入Excel电子表格主程序 图2导入电子表格结果 在导人电子表格主程序中，首先利用Activexobject语句定义 3结束语 了一个电子表格对象，并根据表格id标识“Tab”利用document对 本文介绍的方法同样可使用VBscript或其他脚本语言实现， 象的GetElen·entById方法定义一个表格对象Table，该表格对象实 但导入的表格数据在电子表格中仍需要作进一步的排版处理。 际上就是在浏览器中