JavaScript使用ActiveXObject连接远程SQL Server 2014数据库的方法
本文介绍在JavaScript中利用ActiveXObject连接远程SQL Server 2014数据库的方法。该方式依赖IE浏览器支持,适合无需搭建Web服务器和本地调试的场景。文章详细说明了从环境判断、获取系统信息到执行SQL查询及遍历结果的完整代码逻辑。
JavaScript使用ActiveXObject连接远程SQL Server 2014数据库的方法
本文详细介绍在JavaScript中利用ActiveXObject组件连接远程SQL Server 2014数据库的具体实现方式,供读者参考与借鉴。
近期重读一本十年前购买的JavaScript书籍,当时仅阅读了前半部分,后续内容未深入研读,且此后也未从事相关开发工作。
书中有一节讲解JavaScript连接Access数据库,尝试按照书中代码在Chrome浏览器中运行,结果发现没有任何反应。
经查阅资料得知,ActiveXObject仅微软IE浏览器支持,其他主流浏览器均不支持。推测原因在于连接数据库和访问文件属于高风险操作,通常应由服务器端处理,因此多数浏览器出于安全考虑禁用了此功能。
换个角度思考,此类功能更适用于服务器端JavaScript环境,即下方代码应在服务器端执行,而非客户端浏览器中运行。
此外,若代码仅在本地个人电脑上运行,该功能同样具有实用价值。
例如,若仅需连接数据库并输出结果,而不愿搭建Web服务器或编写服务器端程序,也不希望安装Java、C#等复杂软件,追求极简配置。从这一特殊需求来看,浏览器因其便捷性、无需额外安装及所见即所得的调试优势,成为理想选择。
基于上述特殊应用场景,该功能显得尤为合适。
代码基本实现思路
接下来阐述代码的基本实现思路:
(1)利用window.ActiveXObject判断浏览器是否支持ActiveXObject。 (2)获取浏览器名称、操作系统平台及版本号。 (3)通过ActiveXObject获取E盘的卷标名称。 (4)连接SQL Server 2014,指定数据库名为test,数据源为另一台机器的IP地址或主机名。 (5)连接成功后,执行SQL语句:select * from tb,以查询数据。 (6)遍历查询结果的每一行数据,并在循环中进一步遍历该行中的每个字段值。
数据库创建与表结构代码
以下是创建数据库及数据表的SQL代码:
create database Test;
go
use test;
go
if object_id('tb') is not null
drop table tb;
go
CREATE TABLE TB(ID INT,NAME NVARCHAR(20),SCORE NUMERIC(10,2));
INSERT INTO TB(ID,NAME,SCORE)
VALUES(1,'语文',100),
(2,'数学',80),
(3,'英语',900),
(4,'政治',65),
(5,'物理',65),
(6,'化学',85),
(7,'生物',55),
(8,'地理',100)

JavaScript前端交互代码
以下是JavaScript前端交互代码:
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>Document</title>
<script language="javascript">
function query()
{
var ss = (window.ActiveXObject) ? "此浏览器支持ActiveXObject" : "此浏览器不支持ActiveXObject";
//alert(navigator.appVersion);
var xx = document.getElementById("support");
var a = ( navigator.appVersion+";").split(";");
xx.innerHTML = "浏览器名称:" + navigator.appName +"<br>" +
"浏览器平台:" + navigator.platform +"<br>" +
"浏览器版本:" + a[1].replace("MS","") + "<br>"+
"<br><b>"+ss+"</b><br><br>";
var o = new ActiveXObject("Scripting.FileSystemObject");
var od = o.GetDrive("E");
xx.innerHTML += ("E盘的卷名称是:" + od.VolumeName);
//连接数据库
var db = new ActiveXObject("ADODB.Connection");
db.open("Provider=SQLOLEDB.1;Data Source=WIN-6;User ID=sa;Password=yupeigu;Initial Catalog=test");
var rs = db.Execute("select * from tb");
var c = rs.Fields.Count-1;
//拼接表的字段名称
var str = "<table border=1><tr>";
for(var i = 0; i <=c; i++)
{
str += "<td>" + rs.Fields(i).Name + "</td>";
}
str += "</tr>";
//拼接表的数据
while(!rs.EOF)
{
str += "<tr>";
for(var i = 0;i <= c; i++)
{
str += "<td>" + rs.Fields(i).Value + "</td>";
}
str += "</tr>";
rs.moveNext();
}
str += "</table>";
var yy = document.getElementById("sp");
yy.innerHTML = str;
rs.Close();
db.Close();
}
</script>
</head>
<body >
<input type="button" onclick="query()" value="查询SQL Server 2014的Test数据库的tb表数据">
<p>
<span id="support"></span>
<hr><br>
<span id="sp"></span>
</p>
</body>
</html>
IE浏览器运行效果展示
在IE11和IE7浏览器环境下的运行效果展示:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述内容对大家学习JavaScript程序设计有所帮助。
适合小型JS应用的轻量级数据库推荐
2026-11-02 10:26:10
基于jQuery与PHP的通用留言板组件封装实现
2026-10-30 05:56:31
JavaScript 解析数据库 Xml 字段并展示在页面
2026-10-28 14:44:57
Node.js 连接与操作 MongoDB 数据库完整示例
2026-10-22 20:51:15
Node.js实现MongoDB到MySQL的数据同步方案
2026-10-22 10:32:16
相关标签:
