ajax如何取php页面的数据

现在经常使用Ajax调用后台php获取后台数据，下面我们来看一下ajax如何取php页面的数据。

推荐：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页面的数据的详细内容，更多请关注教程集其它相关文章！

您可能感兴趣的文章：
php如何响应ajax请求
AJAX在PHP中的简单使用
ajax如何取thinkphp数据库
使用ajax防止页面缓存的代码
jQuery 瀑布流 浮动布局（一）(延迟AJAX加载图片)
php页面不刷新更新数据
ajax如何取php页面的数据
php 网站流量统计的原理
php ajax实现无刷新数据分页例子
php中ajax的使用实例讲解