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 相关文章推荐
php 生成随机验证码图片代码
Feb 08 PHP
php Smarty 字符比较代码
Feb 27 PHP
供参考的 php 学习提高路线分享
Oct 23 PHP
windows下zendframework项目环境搭建(通过命令行配置)
Dec 06 PHP
codeigniter框架批量插入数据
Jan 09 PHP
php判断表是否存在的方法
Jun 18 PHP
CI框架常用方法小结
May 17 PHP
支付宝服务窗API接口开发php版本
Jul 20 PHP
php微信开发之音乐回复功能
Jun 14 PHP
php判断电子邮件是否正确方法
Dec 04 PHP
详解PHP实现支付宝小程序用户授权的工具类
Dec 25 PHP
PHP基于进程控制函数实现多线程
Dec 09 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取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
2010/10/20 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
jquery延迟对象解析
2016/10/26 Javascript
Javascript中call,apply,bind方法的详解与总结
2016/12/12 Javascript
bootstrap table实例详解
2017/01/06 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
弱类型语言javascript中 a,b 的运算实例小结
2019/08/07 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
js简单实现自动生成表格功能示例
2020/06/02 Javascript
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
pandas删除指定行详解
2019/04/04 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
python不同系统中打开方法
2020/06/23 Python
CSS3打造百度贴吧的3D翻牌效果示例
2017/01/04 HTML / CSS
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
演讲比赛获奖感言
2014/02/02 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
2014学雷锋活动心得体会
2014/03/10 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书
幼儿园个人总结
2015/02/28 职场文书
实践论读书笔记
2015/06/29 职场文书
小学语文教师竞聘演讲稿范文
2019/08/09 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android