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

来源:互联网 发布:网络协议教程 编辑:程序博客网 时间:2024/06/05 11:59

HTML:

  1. <div id="sct">    
  2.     <form action="" method="">    
  3.         <table class="prod">    
  4.             <thead>    
  5.                 <th>编号</th>    
  6.                 <th>用户名</th>    
  7.                 <th>卖家名称</th>    
  8.                 <th>价格</th>    
  9.                 <th>商品图片</th>    
  10.             </thead>    
  11.             <tbody>    
  12.                 <!-- <tr>    
  13.                 <td>0001</td>    
  14.                 <td>    
  15.                 测试名称    
  16.                 </td>    
  17.                 <td>    
  18.                 森马旗舰店    
  19.                 </td>    
  20.                 <td>    
  21.                 44.66    
  22.                 </td>    
  23.                 <td>    
  24.                 <img src="img/prod1.jpg"/>    
  25.                 </td>    
  26.                 </tr> -->    
  27.             </tbody>    
  28.         </table>    
  29.     </form>    
  30.     <button id="load-more">加载更多</button>    
  31. </div>    

JS:

  1. $("#load-more").click(function(){  
  2.     $.ajax({  
  3.         type:'POST',  
  4.         url:'1.php',  
  5.         dataType:'json',  
  6.         success:function(data){  
  7.             for(var i=0;i<data.length;i++){  
  8.                 var d=data[i];  
  9.                 $(".prod tbody").append('<tr>'+'<td>'+d.order_num+'</td>'+'<td>'+d.user_name+'</td>'+'<td>'+  
  10.                 d.shop_name+'</td>'+'<td>'+d.price+'</td>'+'<td>'+'<img src="'+d.product_img+'">'+'</td>'+'</tr>');  
  11.             }  
  12.         },  
  13.         error:function(){  
  14.             alert("获取数据出现错误!");  
  15.         }  
  16.     });  
  17. });   
PHP代码:

  1. <?php  
  2.     //假设为当前登录的用户名,后台代码可以记录此值  
  3.     $user_name = '测试名称';   
  4.     //保存所有订单的数组  
  5.     $orders=[];  
  6.     //连接数据库  
  7.     $conn=mysqli_connect('127.0.0.1','root','','taobao');  
  8.     //执行SQL语句  
  9.     $sql='SET NAMES UTF8';  
  10.     mysqli_query($conn,$sql);  
  11.     $sql="SELECT * FROM taobao_orders,taobao_products WHERE taobao_orders.order_id=taobao_products.order_id";  
  12.     //查询数据  
  13.     $result=mysqli_query($conn,$sql);  
  14.     //遍历并保存查询结果  
  15.     while(true){  
  16.         // 从结果集中取得一行作为关联数组  
  17.         $order=mysqli_fetch_assoc($result);  
  18.         //如果结果为空,则停止循环  
  19.         if($order===NULL){  
  20.             break;  
  21.         }  
  22.         //查询到的一个订单保存到订单数组中  
  23.         $orders[] = $order;   
  24.     }  
  25.     echo json_encode($orders);  
  26. ?>