JavaScript基于activexobject連接遠程數據庫SQL Server 2014的方法

更新時間：2017年07月12日 11:17:28 作者：不想長大啊

這篇文章主要介紹了JavaScript基于activexobject連接遠程數據庫SQL Server 2014的方法,結合實例形式分析了javascript使用activexobject遠程連接數據庫的相關操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript基于activexobject連接遠程數據庫SQL Server 2014的方法。分享給大家供大家參考，具體如下：

最近翻開一本10年前買的JavaScript的書，這本書買回來只看了前半部分，后面的一直沒看，也一直沒有從事這方的工作。

看到有一節(jié)寫著js連access接數據庫，于是照著書上的代碼，寫了一段在chrome瀏覽器中運行，發(fā)現完全沒反應。

查了一下才發(fā)現，這個activexobject只有微軟的IE支持，其他的瀏覽器都不支持，我想可能是由于連接數據庫、訪問文件等屬于不安全的操作，應該是讓服務器端來做，所以才導致絕大多數瀏覽器都不支持這個功能。

不過如果從另一個角度看，實際上這種功能適合服務器端的javascript，也就是說下面的代碼適合在服務器端運行，而不是在客戶端運行。

還有，如果這個代碼僅僅是在本地的個人電腦上運行，也是有用的。

比如，我只是想連接數據庫，然后把結果輸出，我不想搭建一個web服務器，然后還得寫個服務器端程序，也不想安裝其他軟件，太麻煩，比如，用Java或者c#等，就是想越簡單越好，什么也不用裝。其實這么一想，好像也只有用瀏覽器能達到這個要求了，瀏覽器特別方便，也無需安裝，所見即所得，也方便調試代碼。

所以，從這個特殊的需求來看，這個功能再適合不過了。

接下來說一下代碼的基本思路：

（1）通過window.ActiveXObject 判斷是否支持activexobject。
（2）獲取瀏覽器名稱、平臺、版本。
（3）通過activexobject獲取了E盤的卷名稱
（4）連接sql server 2014，數據庫名test，數據源是另外一臺機器的ip地址或者主機名。
（5）連接上后，執(zhí)行sql：select * from tb，查詢數據。
（6）遍歷每行數據，同時在循環(huán)中遍歷1行數據中的每個字段的值。

創(chuàng)建數據庫、創(chuàng)建表代碼：

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 代碼：

<!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>

在IE11 和 IE7 上運行的效果