PHP+ajax实现连接数据库、加载更多

来源：互联网发布：mac能玩穿越火线吗编辑：程序博客网时间：2024/06/01 09:33

1、HTML代码

<div id="sct">
<form action="" method="">
<table class="prod">
<thead>
<th>编号</th>
<th>用户名</th>
<th>卖家名称</th>
<th>价格</th>
<th>商品图片</th>
</thead>
<tbody>



</tbody>
</table>
</form>
<button id="load-more">加载更多</button>
</div>

2、JS代码

$("#load-more").click(function(){

$.ajax({
type:'POST',
url:'1.php',
dataType:'json',
success:function(data){
for(var i=0;i<data.length;i++){
var d=data[i];
$(".prod tbody").append('<tr>'+'<td>'+d.order_num+'</td>'+'<td>'+d.user_name+'</td>'+'<td>'+
d.shop_name+'</td>'+'<td>'+d.price+'</td>'+'<td>'+'<img src="'+d.product_img+'">'+'</td>'+'</tr>');
}
},
error:function(){
alert("获取数据出现错误!");
}

});

});

3、PHP代码

<?php

/////////////////假设为当前登录的用户名，后台代码可以记录此值

$user_name = '马云';

////////////////保存所有订单的数组

$orders=[];

///////////////连接数据库

$conn=mysqli_connect('127.0.0.1','root','','taobao');

///////////////执行SQL语句

$sql='SET NAMES UTF8';

mysqli_query($conn,$sql);

$sql="SELECT * FROM taobao_orders,taobao_products WHERE taobao_orders.order_id=taobao_products.order_id";

/////////////查询数据
$result=mysqli_query($conn,$sql);

//////////////遍历并保存查询结果

while(true){

/////////// 从结果集中取得一行作为关联数组
$order=mysqli_fetch_assoc($result);

/////////如果结果为空，则停止循环
if($order===NULL){
break;
}

//查询到的一个订单保存到订单数组中
$orders[] = $order;
}

echo json_encode($orders);

?>

0 0