html+ajax+PHP+mysql实现数据展示在前端页面

html+ajax+PHP+mysql实现数据展示在前端页面

经过一段学习，通过百度资源和查看了各个大佬博客内容，终于实现这个功能，顺便记录一下！ 文中不足请多指正！

环境介绍：

Mac OS 10.15
homebrew 安装的PHP 7.3
自带Apache 2.4.39
mysql 5.7

话不多说直入正题
前端html：
index.html

    
    
    
    
        


        

        
个人简介:

ajax部分：

     //昵称简介展示
    $.ajax({
        url:'php/nick.php', //获取URL地址
        dataType:'json', //返回json
        type:'post',
        success:function (msg) {  //接受成功则执行以下操作
            var str=""; 
            var str2="";
            $.each(msg,function(i,n){  //$.each()是对数组，json的遍历 。第一个参数表示遍历的数组的下标，第二个参数表示下标对应的值
                str+=""+""+n.nickname+"";  
                str2+=""+""+n.introduction+"";
            });
            str+="";
            str2+=""
            $("#user").append(str); //将从后台数组获取到的值放在id为 user的元素中
            $("#introduction").append(str2); 
        }
    })

PHP部分：
nick.php

效果展示：
数据读取成功页面截图：

mysql数据库数据显示：

PHP返回json数据：

还有许多不足需要进行改正，会继续努力。
最近碰到的一个问题是：运行PHP时会一直处于 “正在等待localhost” ，不知道该怎么解决…真是让人头痛
感谢阅读！!