2.js请求php端的返回数据

最新推荐文章于 2022-12-19 12:30:02 发布

豆豆豆豆芽

最新推荐文章于 2022-12-19 12:30:02 发布

阅读量948

点赞数

CC 4.0 BY-SA版权

分类专栏：网页前端文章标签： php javascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_46182244/article/details/122550675

网页前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用PHP连接MySQL数据库并获取数据的方法，同时展示了如何在JavaScript中解析这些数据来动态生成HTML选项元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在php中的代码：

<?php
$con = mysqli_connect('IP名', '数据库名', '数据库密码');//连接数据库

if($con ){

        mysqli_set_charset($con,"utf8");
		if (mysqli_select_db($con, 'zhumeng')) {
            $sql = "select id,name from litemall_campus";
			$result = mysqli_query($con, $sql);
    while($row = mysqli_fetch_assoc($result))
    {
        $results[] = $row;
    }
	$campusresult=json_encode($results);
   echo "var campusresult="."'$campusresult'";
		}
		else{
			echo "查找表失败！";
		}
}
else{
	echo "链接数据库失败！";
	}
?>

js端代码：

		<script type="text/javascript" src="./php/campus.php"></script>
        <script>
			var campusobj;
			var campusid;
			var sel1=document.getElementById("campus");

    	
			function findcampus(){
				// console.log(campusresult);
				campusobj = eval(campusresult);  
				// console.log(obj);
				// var val=document.getElementById("campus");
				var str="<option>请选择校区</option>";
				for(var i=0;i<campusobj.length;i++){  
					// console.log(campusobj[i].name);
  					str=str+"<option>"+campusobj[i].name+"</option>";
				}
				sel1.innerHTML=str;
			}
        </script>