javascript实现连接数据库
时间: 2023-11-29 13:03:43 浏览: 94
很抱歉,JavaScript本身是一种脚本语言,不能直接连接数据库。但是,可以通过JavaScript调用后端语言(如PHP、Java、Python等)提供的接口来实现与数据库的交互。
以下是一个使用JavaScript调用PHP接口实现数据库查询的例子:
1.编写PHP接口文件db_query.php,用于查询数据库并返回结果:
```php
<?php
// 连接数据库
$conn = mysqli_connect('localhost', 'username', 'password', 'database_name');
if (!$conn) {
die('连接数据库失败:' . mysqli_connect_error());
}
// 查询数据
$sql = "SELECT * FROM table_name";
$result = mysqli_query($conn, $sql);
// 处理结果
$data = array();
while ($row = mysqli_fetch_assoc($result)) {
$data[] = $row;
}
// 返回结果
header('Content-Type: application/json');
echo json_encode($data);
```
2.在HTML页面中使用JavaScript调用该接口并处理返回结果:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查询数据</title>
</head>
<body>
<table id="data-table">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody></tbody>
</table>
<script>
// 发送请求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'db_query.php');
xhr.send();
// 处理结果
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
var tbody = document.querySelector('#data-table tbody');
for (var i = 0; i < data.length; i++) {
var tr = document.createElement('tr');
tr.innerHTML = '<td>' + data[i].id + '</td><td>' + data[i].name + '</td><td>' + data[i].age + '</td>';
tbody.appendChild(tr);
}
}
};
</script>
</body>
</html>
```
阅读全文