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

最新推荐文章于 2021-03-19 06:20:47 发布

Take_Dream

最新推荐文章于 2021-03-19 06:20:47 发布

阅读量864

点赞数

分类专栏： php

本文链接：https://blog.csdn.net/Take_Dream_as_Horse/article/details/51023381

版权

php 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、HTML代码

<div id="sct">  
	<form action="" method="">  
		<table class="prod">  
			<thead>  
				<th>编号</th>  
				<th>用户名</th>  
				<th>卖家名称</th>  
				<th>价格</th>  
				<th>商品图片</th>  
			</thead>  
			<tbody>  
				<!-- <tr>  
				<td>0001</td>  
				<td>  
				测试名称  
				</td>  
				<td>  
				森马旗舰店  
				</td>  
				<td>  
				44.66  
				</td>  
				<td>  
				<img src="img/prod1.jpg"/>  
				</td>  
				</tr> -->  
			</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);
?>