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

最近翻开一本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" οnclick="query()" value="查询SQL Server 2014的Test数据库的tb表数据">
	<p>
		<span id="support"></span>
		<hr><br>
		<span id="sp"></span>
	</p>


 </body>
</html>


在IE11 和 IE7 上运行的效果



  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值