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); } //設(shè)置查詢結(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;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" >預(yù)定: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" >預(yù)定:b>'+result[i][6]+'/b>件/a>' '/div> /div>' $(".box7 #hotSale").append(str); } } });
效果如圖:(此代碼為部分代碼,主要功能已實現(xiàn),僅供參考)
以上這篇php從數(shù)據(jù)庫中獲取數(shù)據(jù)用ajax傳送到前臺的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
標(biāo)簽:辛集 廊坊 白銀 綏化 太原 衡陽 崇左 鄂州
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《php從數(shù)據(jù)庫中獲取數(shù)據(jù)用ajax傳送到前臺的方法》,本文關(guān)鍵詞 php,從,數(shù)據(jù)庫,中,獲取,數(shù)據(jù),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。