主页 > 知识库 > php从数据库中获取数据用ajax传送到前台的方法

php从数据库中获取数据用ajax传送到前台的方法

热门标签:Mysql连接数设置 电子围栏 阿里云 Linux服务器 银行业务 团购网站 科大讯飞语音识别系统 服务器配置

1、数据库的字段:

2、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>

3、将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;iresult.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;iresult.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);
   }
  }
 });

效果如图:(此代码为部分代码,主要功能已实现,仅供参考)

以上这篇php从数据库中获取数据用ajax传送到前台的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • ajax php 实现写入数据库
  • php+ajax 实现输入读取数据库显示匹配信息
  • Ajax PHP 边学边练 之三 数据库
  • PHP jQuery+Ajax结合写批量删除功能
  • php+ajax实现图片文件上传功能实例
  • php的ajax简单实例
  • php+ajax实现无刷新动态加载数据技术
  • php采用ajax数据提交post与post常见方法总结
  • ThinkPHP中使用ajax接收json数据的方法
  • php+ajax+jquery实现点击加载更多内容
  • PHP+jQuery+Ajax实现用户登录与退出
  • php + ajax 实现的写入数据库操作简单示例

标签:衡水 萍乡 江苏 广元 衢州 枣庄 大理 蚌埠

巨人网络通讯声明:本文标题《php从数据库中获取数据用ajax传送到前台的方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266