PHP+ajax实现连接数据库、加载更多
来源:互联网 发布:网络协议教程 编辑:程序博客网 时间:2024/06/05 11:59
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);
- ?>
阅读全文
0 0
- PHP+ajax实现连接数据库、加载更多
- PHP+ajax实现连接数据库、加载更多
- c# ajax 实现手机网站“加载更多..."
- thinkphp+ajax+jquery异步实现加载更多
- Ajax 实现点击按钮加载更多
- thinkphp+ajax 实现点击加载更多数据
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- jQuery+PHP+ajax实现微博加载更多内容列表功能
- php和ajax连接数据库实现动态数据可视化
- 用ajax+jQuery 实现页面加载更多(另类的分页)
- [php] Thinkphp 加载更多
- PHP+Ajax点击加载更多内容 -这个效果好,速度快,只能点击更多加载,不能滚动自动加载
- php+jquery+html实现点击不刷新加载更多
- jquery实现加载更多
- 加载更多功能实现
- RecyclerView实现加载更多
- RecyclerView实现加载更多
- 加载更多功能实现
- python(3) 切片,迭代
- 操作系统基础知识
- CentOS安装strom、zeroMQ
- Android读写SD卡代码
- [Leetcode] 407. Trapping Rain Water II 解题报告
- PHP+ajax实现连接数据库、加载更多
- Android Studio config.gradle文件配置
- 一款好看的日历控件
- String切割的方法。
- Hadoop-Azkaban-1
- Hibernate---QBC检索与本地SQL检索
- ArcGIS API for JavaScript——获取FeatureLayer的属性值
- 获取隐藏元素个数
- Hadoop-Sqoop-1