如何javascript遍历获取php中的数据库的值
时间: 2023-12-03 22:44:38 浏览: 79
JS中获取数据库中的值的方法
可以使用Ajax技术在JavaScript中向PHP发送请求获取数据库的值,然后使用JavaScript遍历处理返回的数据。
以下是一个简单的示例代码:
PHP代码(getData.php):
```php
<?php
// 假设数据库中有一张表名为 "users",其中有 "name" 和 "age" 两个字段
// 这里通过 PHP PDO 执行查询操作,获取所有记录
$pdo = new PDO('mysql:host=localhost;dbname=mydatabase', 'username', 'password');
$stmt = $pdo->query('SELECT name, age FROM users');
$data = $stmt->fetchAll(PDO::FETCH_ASSOC);
// 返回 JSON 格式的数据
header('Content-Type: application/json');
echo json_encode($data);
?>
```
JavaScript代码:
```javascript
function getData() {
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 发送 GET 请求获取数据
xhr.open('GET', 'getData.php', true);
xhr.send();
// 处理响应结果
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 解析 JSON 格式的数据
var data = JSON.parse(xhr.responseText);
// 遍历处理数据
for (var i = 0; i < data.length; i++) {
var name = data[i].name;
var age = data[i].age;
console.log(name + ' is ' + age + ' years old.');
}
}
};
}
// 调用函数获取数据
getData();
```
这样,就可以通过 JavaScript 遍历处理 PHP 中的数据库数据了。
阅读全文