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


Posted in PHP onAugust 20, 2018

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;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);
   }
  }
 });

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

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

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

PHP 相关文章推荐
文件上传类
Oct 09 PHP
php部分常见问题总结
Mar 27 PHP
php miniBB中文乱码问题解决方法
Nov 25 PHP
PHP中HTML标签过滤技巧
Jan 07 PHP
PHP中把对象转换为关联数组代码分享
Apr 09 PHP
php统计数组元素个数的方法
Jul 02 PHP
PHP使用mysqli操作MySQL数据库的简单方法
Feb 04 PHP
Yii2数据库操作常用方法小结
May 04 PHP
thinkPHP实现的省市区三级联动功能示例
May 05 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
Apr 20 PHP
实例讲解php将字符串输出到HTML
Jan 27 PHP
PHP实现带进度条的Ajax文件上传功能示例
Jul 02 PHP
PHP常见数组排序方法小结
Aug 20 #PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
Aug 20 #PHP
PHP数组常用函数实例小结
Aug 20 #PHP
PHP预定义超全局数组变量小结
Aug 20 #PHP
Yii2语言国际化的配置教程
Aug 19 #PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
Aug 19 #PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
Aug 17 #PHP
You might like
解决PHP mysql_query执行超时(Fatal error: Maximum execution time …)
2013/07/03 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
2017/12/27 jQuery
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
JavaScript实现与使用发布/订阅模式详解
2019/01/19 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
jQuery实现简单全选框
2020/09/13 jQuery
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
python抓取百度首页的方法
2015/05/19 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
python实现批量转换图片为黑白
2020/06/16 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
澳洲CFL商城:CHEMIST FOR LESS(中文)
2021/02/28 全球购物
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
在什么时候需要使用"常引用"
2015/12/31 面试题
区域销售经理岗位职责
2013/12/10 职场文书
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
安全生产宣传标语
2014/06/06 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
2015年秋季校长开学典礼致辞
2015/07/29 职场文书
2016年校长新年寄语
2015/08/17 职场文书
高一英语教学反思
2016/03/03 职场文书
WINDOWS下安装mysql 8.x 的方法图文教程
2022/04/19 MySQL
使用refresh_token实现无感刷新页面
2022/04/26 Javascript