• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

Ajax取PHPJSON数据并显示

原作者: [db:作者] 来自: [db:来源] 收藏 邀请 
<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
        <title>Document</title>
    </head>

    <body style="padding-top: 30px;">
        <button id="btnJson">JSON</button>
        <table class="table"></table>
        <script type="text/javascript">
            $(function() {
                $("#btnJson").click(function() {
                    $.ajax({
                        type: "get",
                        url: "json.php",
                        dataType: "json",
                        async: true,
                        success: function(data) {
                            var item;
                            $.each(data, function(i, result) {
                                item = "<tr><td>" + result['city'] + "</td><td>" + result['phone'] + "</td></tr>";
                                $('.table').append(item);
                            });
                        }
                    });
                })
            })
        </script>
    </body>

</html>

JSON.PHP

<?php
    $host = '127.0.0.1';
    $user = 'root';
    $password = '';
    $database = 'yiibaidb';
    $conn = new mysqli($host, $user, $password, $database);
    if (!$conn) {
        die("数据库连接失败！" . $conn -> connect_error);
    }
    $sql = "SELECT * FROM `offices`";
    $result = $conn -> query($sql);
    $arr = array();
    if ($result -> num_rows > 0) {
        while ($rows = $result -> fetch_assoc()) {
            $arr[] = $rows;
        }
    }
    echo json_encode($arr);
    $conn -> close();
?>

 

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
PHP获取手机号发布时间：2022-07-10
下一篇：
PHP获取汉字拼音首字母函数发布时间：2022-07-10
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap