您的位置：首页 > Web前端 > JavaScript

javascript连接远程数据库SQL Server 2014（只能在IE浏览器上运行）

2017-01-13 17:47 381 查看

最近翻开一本10年前买的javascript的书，这本书买回来只看了前半部分，后面的一直没看，也一直没有从事这方的工作。

看到有一节写着js连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）遍历每行数据，同时在循环中遍历1行数据中的每个字段的值。

创建数据库、创建表代码：

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 上运行的效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航