今天就跟大家聊聊有关如何使用ajax取php页面的数据，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

1、php连接数据库获取数据库的信息放入json_encode($css);{文件为：db.php}

<span style="font-size:14px;"><?php$host="localhost";$username="root";$password="root";$dbName="baixing";$port=3306;$conn=new mysqli($host,$username,$password,$dbName,$port);if(!$conn){ die("error:".$conn->connect_error);}//设置查询结果的编码，一定要放在query之前$conn->query("SET NAMES 'UTF8'");$result=$conn->query("select * from hotgoods");//$conn->query()获取的是二进制//将查询的结果集封装到一个数组里$css=$result->fetch_all();//以json的格式发送ajax的success中由data接收echo json_encode($css);$conn->close();</span>

2、将json_encode($css)的数据放在success：function(data)中，如下：{baixing.html}

$.ajax({ type: 'POST', url: 'db.php', data:{// "username":"admin",// "password":"123456" }, success: function (data) { var result=eval("("+data+")"); alert(result); for(var i=0;i<result.length;i++){ var str='<div class="home1">'+ '<img src="'+result[i][1]+'" alt="'+result[i][3]+'"/>'+ '<p><a href="'+result[i][2]+'" rel="external nofollow" rel="external nofollow" >'+result[i][3]+'</a></p>'+ '<div class="price">'+ '<span>￥'+result[i][4]+'</span>'+ '<del>￥'+result[i][5]+'</del>'+ ' <a href="#" rel="external nofollow" rel="external nofollow" >预定：<b>'+result[i][6]+'</b>件</a>' '</div> </div>' $(".box7 #hotSale").append(str);//追加到你需要放在的位置 } } });$.ajax({ type: 'POST', url: 'db.php', data:{// "username":"admin",// "password":"123456" }, success: function (data) { var result=eval("("+data+")"); alert(result); for(var i=0;i<result.length;i++){ var str='<div class="home1">'+ '<img src="'+result[i][1]+'" alt="'+result[i][3]+'"/>'+ '<p><a href="'+result[i][2]+'" rel="external nofollow" rel="external nofollow" >'+result[i][3]+'</a></p>'+ '<div class="price">'+ '<span>￥'+result[i][4]+'</span>'+ '<del>￥'+result[i][5]+'</del>'+ ' <a href="#" rel="external nofollow" rel="external nofollow" >预定：<b>'+result[i][6]+'</b>件</a>' '</div> </div>' $(".box7 #hotSale").append(str); } } });

看完上述内容，你们对如何使用ajax取php页面的数据有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。