将php数据存储到原来的网页
时间: 2023-09-13 09:10:02 浏览: 38
如果您想将从 PHP 后端获取的数据存储到原始网页中,您可以使用 JavaScript 将它们动态地添加到 HTML 中。以下是一个简单的例子,假设您从 PHP 后端获取了一个数组,并且您想将其添加到 HTML 中:
在 HTML 中,您可以创建一个空的 `<ul>` 元素,然后使用 JavaScript 将数组中的元素添加到该元素中,如下所示:
```html
<ul id="myList"></ul>
```
在 JavaScript 中,您可以使用 AJAX 调用从 PHP 后端获取数组,并使用循环将其添加到 `<ul>` 元素中,如下所示:
```javascript
// 创建 AJAX 对象
var xhr = new XMLHttpRequest();
// 发送 AJAX 请求
xhr.open('GET', 'get_data_from_php.php', true);
xhr.send();
// 处理 AJAX 响应
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 获取 PHP 后端返回的数据
var data = JSON.parse(xhr.responseText);
// 将数据添加到 HTML 中
var ul = document.getElementById('myList');
for (var i = 0; i < data.length; i++) {
var li = document.createElement('li');
li.innerText = data[i];
ul.appendChild(li);
}
}
};
```
这将创建一个 AJAX 对象并发送 GET 请求到 PHP 后端来获取数据。一旦收到响应,它将使用 JSON.parse() 函数将响应文本转换为 JavaScript 对象,并将数据添加到 `<ul>` 元素中。