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;iresult.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;iresult.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傳送到前臺的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:- ajax php 實現寫入數據庫
- php+ajax 實現輸入讀取數據庫顯示匹配信息
- Ajax PHP 邊學邊練 之三 數據庫
- PHP jQuery+Ajax結合寫批量刪除功能
- php+ajax實現圖片文件上傳功能實例
- php的ajax簡單實例
- php+ajax實現無刷新動態加載數據技術
- php采用ajax數據提交post與post常見方法總結
- ThinkPHP中使用ajax接收json數據的方法
- php+ajax+jquery實現點擊加載更多內容
- PHP+jQuery+Ajax實現用戶登錄與退出
- php + ajax 實現的寫入數據庫操作簡單示例
