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

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传送到前台的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • ThinkPHP中使用ajax接收json数据的方法

    本文实例讲述了ThinkPHP中使用ajax接收json数据的方法.分享给大家供大家参考.具体分析如下: 这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先需要引入jquery.js,主要代码如下: 复制代码 代码如下: function ajax(id,pic){     //由于ThinkPHP不解析JavaScript里的ThinkPHP常量,所以需要先在这里定义. var URL='__URL__';         $.ajax({     

  • ajax提交数据到后台php接收(实现方法)

    在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简单的. $.ajax({ type: "POST", url: "register.php", data: "name=John&location=Boston", success: function(msg){ alert( "D

  • Ajax获取数据然后显示在页面的实现方法

    Ajax获取数据然后显示在页面的实现方法

    主要功能流程介绍 循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页 代码实现流程和解说 一.列表页 1.访问链接list.php时判断是pc端还是客户端 $user_agent_arr = mall_get_user_agent_arr(); if(MALL_UA_IS_PC == 1) { //****************** pc版 ****************** include_once './list-pc.php';

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

    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 mys

  • Django Form 实时从数据库中获取数据的操作方法

    Django Form 实时从数据库中获取数据 ,具体内容如下所示: 修改 models.py 添加 class UserType(models.Model): caption = models.CharField(max_length=32) 执行命令,生成数据库 python manage.py makemigrations python manage.py migrate 修改 forms.py 添加 from app01 import models class DBForm(DForms

  • Mybatis如何从数据库中获取数据存为List类型(存为model)

    目录 从数据库中获取数据存为List类型(存为model) Mybatis存储List类型数据 从数据库中获取数据存为List类型(存为model) 从数据库中获取的数据,存到一个model中,需要注意两点. 一.在dao中,只能用List类型接受结果 二.要在mapper中写清楚resultType //DAO @Override public ArrayList<YourModel> getMainInfo(int id) { // TODO Auto-generated method s

  • Oracle存储过程之数据库中获取数据实例

    怎样才能将在表A取得的数据插入另一个表B中? (1)对于表A和表B两个表结构完全相同的话[字段个数,相应字段的类型等等],可以使用 insert INTO B select * FROM A; insert INTO B(field1,field2,field3) select A.field1,A.field2,A.field3 from A; (2) 对于两个表如果字段数不一样,但是有几个字段的结构一样时[类似于父子关系],必须使用 insert INTO B(field1,field2)

  • ajax动态获取数据库中的数据方法

    今天看到有人在问答上问怎样去动态取值附在option上,本来想解决的,但我发现....没有,我本来也笨,记不住,所以还是写一下,让大家可以看一下: 首先我这用的框架是SSM,代码就开始了: 这是写在前台的方法里一个点击事件进入方法里我就不写那么麻烦了直接ajax部分代码: $.ajax({//这就开始进入ajax了 type:"get",//这个我也忘了,好像是类似格式吧,基本是死的不需要改动 dataType:"json",//这个是将字符串转换成json格式 c

  • Django实现从数据库中获取到的数据转换为dict

    这种方式只能应用于从数据库中获取到的单条数据,例如models.Users.objects.get()获取到的数据 from django.forms.models import model_to_dict class Index(VIew): def get(self, request): userObj = models.Users.objects.get(id = 1) userDict = model_to_dict(userObj) print(userDict) return Htt

  • 如何在Java程序中访问mysql数据库中的数据并进行简单的操作

    如何在Java程序中访问mysql数据库中的数据并进行简单的操作

    在上篇文章给大家介绍了Myeclipse连接mysql数据库的方法,通过本文给大家介绍如何在Java程序中访问mysql数据库中的数据并进行简单的操作,具体详情请看下文. 创建一个javaProject,并输入如下java代码: package link; import java.sql.*; /** * 使用JDBC连接数据库MySQL的过程 * DataBase:fuck, table:person: * 使用myeclipse对mysql数据库进行增删改查的基本操作. */ public

  • smarty模板引擎从php中获取数据的方法

    本文实例讲述了smarty模板引擎从php中获取数据的方法.分享给大家供大家参考.具体如下: smarty可以分配($smarty->assign)的变量类型:所有php支持的数据类型--基本数据类型.复合数据类型.特殊数据类型(具体见smarty相关手册). 操作/显示文件:index.php 复制代码 代码如下: <?php //创建smarty对象 require_once("./libs/Smarty.class.php"); $smarty = new Smart

  • 使用JDBC从数据库中查询数据的方法

    * ResultSet 结果集:封装了使用JDBC 进行查询的结果 * 1. 调用Statement 对象的 executeQuery(sql) 方法可以得到结果集 * 2. ResultSet 返回的实际上就是一张数据表,有一个指针指向数据表的第一行的前面, * 可以调用next()方法检测下一行是否有效,若有效,返回true,且指针下移, * 相当于iterator 对象的 hasNext() 和 next()方法的结合体 * 3. 当指针定位到一行时,可以通过调用getXxx(index)

随机推荐