php從數(shù)據(jù)庫中獲取數(shù)據(jù)用ajax傳送到前臺的方法
1、數(shù)據(jù)庫的字段:
2、php連接數(shù)據(jù)庫獲取數(shù)據(jù)庫的信息放入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);
}
//設置查詢結(jié)果的編碼,一定要放在query之前
$conn->query("SET NAMES 'UTF8'");
$result=$conn->query("select * from hotgoods");
//$conn->query()獲取的是二進制
//將查詢的結(jié)果集封裝到一個數(shù)組里
$css=$result->fetch_all();
//以json的格式發(fā)送ajax的success中由data接收
echo json_encode($css);
$conn->close();</span>
3、將json_encode($css)的數(shù)據(jù)放在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);
}
}
});
效果如圖:(此代碼為部分代碼,主要功能已實現(xiàn),僅供參考)

以上這篇php從數(shù)據(jù)庫中獲取數(shù)據(jù)用ajax傳送到前臺的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- ajax php 實現(xiàn)寫入數(shù)據(jù)庫
- php+ajax 實現(xiàn)輸入讀取數(shù)據(jù)庫顯示匹配信息
- Ajax PHP 邊學邊練 之三 數(shù)據(jù)庫
- PHP jQuery+Ajax結(jié)合寫批量刪除功能
- php+ajax實現(xiàn)圖片文件上傳功能實例
- php的ajax簡單實例
- php+ajax實現(xiàn)無刷新動態(tài)加載數(shù)據(jù)技術
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- ThinkPHP中使用ajax接收json數(shù)據(jù)的方法
- php+ajax+jquery實現(xiàn)點擊加載更多內(nèi)容
- PHP+jQuery+Ajax實現(xiàn)用戶登錄與退出
- php + ajax 實現(xiàn)的寫入數(shù)據(jù)庫操作簡單示例
相關文章
Codeigniter框架的更新事務(transaction)BUG及解決方法
這篇文章主要介紹了Codeigniter框架的更新事務(transaction)BUG及解決方法,具體BUG和解決辦法在文中有詳細描述,需要的朋友可以參考下2014-07-07
解決在laravel中l(wèi)eftjoin帶條件查詢沒有返回右表為NULL的問題
今天小編就為大家分享一篇解決在laravel中l(wèi)eftjoin帶條件查詢沒有返回右表為NULL的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
CI框架AR數(shù)據(jù)庫操作常用函數(shù)總結(jié)
這篇文章主要介紹了CI框架AR數(shù)據(jù)庫操作常用函數(shù),結(jié)合實例形式總結(jié)分析了基于CI框架的數(shù)據(jù)庫增刪改查與緩存、結(jié)果集等相關操作函數(shù)與技巧,需要的朋友可以參考下2016-11-11
Yii結(jié)合CKEditor實現(xiàn)圖片上傳功能
這篇文章主要介紹了Yii結(jié)合CKEditor實現(xiàn)圖片上傳功能,Yii是大名鼎鼎的PHP開發(fā)框架,CKEditor則是大名鼎鼎的所見即所得編輯器,需要的朋友可以參考下2014-06-06
codeigniter發(fā)送郵件并打印調(diào)試信息的方法
這篇文章主要介紹了codeigniter發(fā)送郵件并打印調(diào)試信息的方法,實例分析了codeigniter實現(xiàn)發(fā)送郵件及打印調(diào)試信息的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03

