ajax mysql 二维数组
时间: 2023-10-16 08:20:54 浏览: 71
php代码实现二级联动下拉菜单效果
可以使用AJAX向后台发送请求,获取MySQL中的数据,然后将数据存储在二维数组中。
以下是一个简单的例子:
HTML代码:
```html
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
```
JavaScript代码:
```javascript
var data = [];
$.ajax({
url: 'get_data.php',
dataType: 'json',
success: function(response) {
data = response;
populateTable(data);
},
error: function(xhr, status, error) {
console.log(error);
}
});
function populateTable(data) {
var tableBody = $('#myTable tbody');
for(var i = 0; i < data.length; i++) {
var row = $('<tr>');
for(var j = 0; j < data[i].length; j++) {
var cell = $('<td>').html(data[i][j]);
row.append(cell);
}
tableBody.append(row);
}
}
```
PHP代码:
```php
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT name, age, gender FROM myTable";
$result = $conn->query($sql);
$data = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
array_push($data, array($row["name"], $row["age"], $row["gender"]));
}
}
$conn->close();
echo json_encode($data);
?>
```
这个例子中,我们使用AJAX从PHP文件中获取MySQL中的数据,并将数据存储在一个二维数组中,然后使用JavaScript将数据填充到HTML表格中。
阅读全文