js访问access数据库并展示为列表
时间: 2024-05-13 13:19:47 浏览: 53
要在JavaScript中访问Access数据库,需要使用ActiveX Data Objects(ADO)技术。以下是一个简单的示例,展示如何连接到Access数据库并将结果显示为HTML表格。
首先,创建一个HTML页面,其中包含一个按钮和一个空的div元素,用于显示结果:
```html
<!DOCTYPE html>
<html>
<head>
<title>Access 数据库查询</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<button id="queryBtn">查询</button>
<div id="resultDiv"></div>
</body>
</html>
```
接下来,使用JavaScript编写代码来连接到Access数据库,执行查询并将结果显示为HTML表格:
```javascript
$(function() {
// 点击按钮时执行查询操作
$('#queryBtn').click(function() {
// 连接到Access数据库
var conn = new ActiveXObject("ADODB.Connection");
var connStr = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:/path/to/mydatabase.mdb";
conn.Open(connStr);
// 执行查询操作
var rs = new ActiveXObject("ADODB.Recordset");
var sql = "SELECT * FROM mytable";
rs.Open(sql, conn);
// 构造HTML表格
var html = "<table>";
html += "<tr><th>ID</th><th>Name</th><th>Age</th></tr>";
while (!rs.EOF) {
html += "<tr>";
html += "<td>" + rs.Fields("id").Value + "</td>";
html += "<td>" + rs.Fields("name").Value + "</td>";
html += "<td>" + rs.Fields("age").Value + "</td>";
html += "</tr>";
rs.MoveNext();
}
html += "</table>";
// 显示查询结果
$('#resultDiv').html(html);
// 关闭数据库连接
rs.Close();
conn.Close();
});
});
```
在以上示例中,需要将以下代码中的`C:/path/to/mydatabase.mdb`替换为实际的Access数据库文件路径,并将`mytable`替换为实际的表名。
```javascript
var connStr = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:/path/to/mydatabase.mdb";
var sql = "SELECT * FROM mytable";
```
阅读全文