纯HTML访问数据库，Sql和Access

最新推荐文章于 2024-03-06 17:57:10 发布

mimi00x

最新推荐文章于 2024-03-06 17:57:10 发布

阅读量1.9w

点赞数 6

分类专栏：数据库文章标签：数据库 html sql button javascript table

本文链接：https://blog.csdn.net/mimi00x/article/details/7946428

版权

数据库专栏收录该内容

9 篇文章 0 订阅

订阅专栏

偶然看到一篇博文，发现纯HTML居然可以连接数据库，惊的嘴半天合不上，于是突发奇想，是不是以后开发软件都可以使用HTML呢？

随便找了个数据库，需要测试的朋友记得更改为自己的数据库，并且将数据库和测试页面放置同一个目录。

理论上应该还可以连接sqlite3数据库，具体的没测试。

抛砖引玉，有兴趣的瞅瞅。

访问Access数据库：

本例测试页面ccc.html，数据库名：SiteWeaver.mdb

<html>
<head>
<title>get data from database at client</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">

</style>
<script language="Javascript">
<!--
function connectDB()
{
try{
var count=0;
var conn=new ActiveXObject("ADODB.Connection");
var rs=new ActiveXObject("ADODB.Recordset");
var filePath = location.href.substring(0, location.href.indexOf("ccc.html"));
var path = filePath + "SiteWeaver.mdb";
var path=path.replace('file:///','')
var connectString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="+path;
var selectString="select top 5 * from PE_Admin";
var tableString="";
conn.open(connectString);

rs=conn.execute(selectString);
while(!rs.EOF)
{
if(count++==0)
{
tableString+="<table border='1'><tr><td>"+rs(0)+"</td>";
tableString+="<td>"+rs(1)+"</td></tr>";
}
tableString+="<tr><td>"+rs(0)+"</td>";
tableString+="<td>"+rs(1)+"</td></tr>";
rs.moveNext();
}
tableString+="</table><br>";
document.getElementById("dataArea").innerHTML=tableString;
rs.close();
conn.close;
}
catch(e)
{
document.write(e.toString());
}
}
//-->
</script>
</head>
<body>
<div id="dataArea"></div>
<button οnclick="connectDB();">retrieve data</button>
</body>
</html>

SQL数据库访问：

本例测试页面：ccc.html，数据库名：SiteWeaver，用户名和密码：SiteWeaver，数据源：local

<html>
<head>
<title>get data from database at client</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">

</style>
<script language="Javascript">
<!--
function connectDB()
{
try{
var count=0;
var conn=new ActiveXObject("ADODB.Connection");
var rs=new ActiveXObject("ADODB.Recordset");
var connectString="provider=sqloledb.1;user id=SiteWeaver;password=SiteWeaver;data source=(local);Initial Catalog=SiteWeaver";
var selectString="select top 5 * from PE_Admin";
var tableString="";
conn.open(connectString);

mimi00x

关注

6
点赞
踩
49

收藏

觉得还不错? 一键收藏
6
评论
纯HTML访问数据库，Sql和Access

偶然看到一篇博文，发现纯HTML居然可以连接数据库，惊的嘴半天合不上，于是突发奇想，是不是以后开发软件都可以使用HTML呢？随便找了个数据库，需要测试的朋友记得更改为自己的数据库，并且将数据库和测试页面放置同一个目录。理论上应该还可以连接sqlite3数据库，具体的没测试。抛砖引玉，有兴趣的瞅瞅。访问Access数据库：本例测试页面ccc.html，数据库名：SiteWe
复制链接

扫一扫