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 相关文章推荐
PHP5中MVC结构学习
Oct 09 PHP
php巧获服务器端信息
Dec 06 PHP
php实现的遍历文件夹下所有文件,编辑删除
Jan 05 PHP
PHP 面向对象 PHP5 中的常量
May 05 PHP
PHP中用正则表达式清除字符串的空白
Jan 17 PHP
php类的定义与继承用法实例
Jul 07 PHP
Yii CGridView用法实例详解
Jul 12 PHP
php类的自动加载操作实例详解
Sep 28 PHP
PHP实现接收二进制流转换成图片的方法
Jan 10 PHP
PHP获取访问设备信息的方法示例
Feb 20 PHP
解析laravel使用workerman用户交互、服务器交互
Apr 28 PHP
PHP获取学生成绩的方法
Nov 17 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
给初学者的30条PHP最佳实践(荒野无灯)
2011/08/02 PHP
Array of country list in PHP with Zend Framework
2011/10/17 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
jQuery.holdReady()使用方法
2014/05/20 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
2015/12/30 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
layui--js控制switch的切换方法
2019/09/03 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
Python之str操作方法(详解)
2017/06/19 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
python 获取字典键值对的实现
2020/11/12 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
大学生个人自荐信样本
2014/03/02 职场文书
领导班子对照检查材料
2014/09/22 职场文书
2016年端午节寄语
2015/12/04 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python
MySQL系列之三 基础篇
2021/07/02 MySQL