JavaScript使用ActiveXObject连接远程SQL Server 2014数据库的方法

作者:小算盘时间:2026-10-22 05:57:06浏览:371

本文介绍在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使用ActiveXObject连接远程SQL Server 2014数据库的方法

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使用ActiveXObject连接远程SQL Server 2014数据库的方法

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述内容对大家学习JavaScript程序设计有所帮助。

作者最新文章