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>
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("获取数据出现错误!");
- }
- });
- });
- <?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);
- ?>