Ajax请求本地数据库demo

最新推荐文章于 2020-02-28 13:55:11 发布

hr226

最新推荐文章于 2020-02-28 13:55:11 发布

阅读量772

点赞数 1

分类专栏： demo 文章标签： Ajax请求本地数据库demo

本文链接：https://blog.csdn.net/hr226/article/details/100764623

版权

这篇博客展示了如何在ajax5.html中实现Ajax请求，与本地的users.php进行数据交互，探讨了在Web应用中如何利用Ajax技术动态获取和更新本地数据库数据的方法。

摘要由CSDN通过智能技术生成

ajax5.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Ajax 5 - 请求PHP数据</title>
</head>

<body>
    <button id="button2">请求所有用户</button>

    <br><br>

    <h1>所有用户</h1>
    <div id="users"></div>

    <script>
        document.getElementById('button2').addEventListener('click', loadUsers);

        function loadUsers() {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'users.php', true);
            xhr.onload = function() {
                if (this.status == 200) {

                    var users = JSON.parse(this.responseText);

                    var output = '';

                    // 遍历数组
                    for (var i in users) {
                        output += `

最低0.47元/天解锁文章

hr226

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ajax请求本地数据库demo

ajax5.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ajax 5 - 请求PHP数据</title></head><body> <button id="bu...
复制链接

扫一扫