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截取中文字符串的问题
Jul 12 PHP
Discuz 模板引擎的封装类代码
Jul 18 PHP
PHP中str_replace函数使用小结
Oct 11 PHP
使用PHP提取视频网站页面中的FLASH地址的代码
Apr 17 PHP
php trim 去除空字符的定义与语法介绍
May 31 PHP
探讨如何在PHP开启gzip页面压缩实例
Jun 09 PHP
PHP动态生成javascript文件的2个例子
Apr 11 PHP
php常用的url处理函数总结
Nov 19 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
Apr 17 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
Apr 20 PHP
利用ajax和PHP实现简单的流程管理
Mar 23 PHP
Thinkphp 框架扩展之驱动扩展实例分析
Apr 27 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
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
PHP7 安装event扩展的实现方法
2019/10/08 PHP
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
浅谈mint-ui loadmore组件注意的问题
2017/11/08 Javascript
如何用webpack4带你实现一个vue的打包的项目
2018/06/20 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
2018/08/10 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
Vue指令指令大全
2019/02/09 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
python实现BackPropagation算法
2017/12/14 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
python版大富翁源代码分享
2018/11/19 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
django rest framework 过滤时间操作
2020/07/12 Python
BeautifulSoup中find和find_all的使用详解
2020/12/07 Python
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
中专自荐信
2013/10/13 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
任命书标准格式
2015/03/02 职场文书