商店逻辑实现与分析

shop_pages.php

批量获取shop列表

参数

$page = intval($_POST['pageNum']);//页数，0为第一页
$token = strtoupper($_POST["token"]);
$sign = strtoupper($_POST["sign"]);

返回值实例

{
    "total": 10,
    "pageSize": 6,
    "totalPage": 2,
    "list": [
        {
            "C_ID": "4",
            "C_TYPE": "1",
            "C_NAME": "苹果种子",
            "C_ICON": "image/zhongzi/001.png",
            "C_TITLE": "苹果种子，可购买种植。收获后可喂养鸡。",
            "C_DESCRIPTION": "苹果种子，可购买种植。收获后可喂养鸡。",
            "C_PRICE": "10",
            "C_DANWEI": "个",
            "C_COUNT_NOW": "10",
            "C_STORAGE": "95135266",
            "C_STATUS": "10"
        },
        {
            "C_ID": "5",
            "C_TYPE": "1",
            "C_NAME": "香蕉种子",
            "C_ICON": "image/zhongzi/002.png",
            "C_TITLE": "香蕉种子，可购买种植。收获后可喂养狗。",
            "C_DESCRIPTION": "香蕉种子，可购买种植。收获后可喂养狗。",
            "C_PRICE": "20",
            "C_DANWEI": "个",
            "C_COUNT_NOW": "10",
            "C_STORAGE": "99332847",
            "C_STATUS": "10"
        },
        {
            "C_ID": "6",
            "C_TYPE": "1",
            "C_NAME": "菠萝种子",
            "C_ICON": "image/zhongzi/003.png",
            "C_TITLE": "菠萝种子，可购买种植，收获后可喂养马。",
            "C_DESCRIPTION": "菠萝种子，可购买种植，收获后可喂养马。",
            "C_PRICE": "30",
            "C_DANWEI": "个",
            "C_COUNT_NOW": "10",
            "C_STORAGE": "98152033",
            "C_STATUS": "10"
        },
        {
            "C_ID": "8",
            "C_TYPE": "2",
            "C_NAME": "幼芦花鸡",
            "C_ICON": "image/icon/dw_ji.png",
            "C_TITLE": "幼芦花鸡，可购买喂养。",
            "C_DESCRIPTION": "幼芦花鸡，可购买喂养。",
            "C_PRICE": "500",
            "C_DANWEI": "只",
            "C_COUNT_NOW": "10",
            "C_STORAGE": "99994876",
            "C_STATUS": "10"
        },
        {
            "C_ID": "9",
            "C_TYPE": "2",
            "C_NAME": "幼秋田犬",
            "C_ICON": "image/icon/dw_gou.png",
            "C_TITLE": "幼秋田犬，可购买喂养。",
            "C_DESCRIPTION": "幼秋田犬，可购买喂养。",
            "C_PRICE": "550",
            "C_DANWEI": "只",
            "C_COUNT_NOW": "10",
            "C_STORAGE": "99998701",
            "C_STATUS": "10"
        },
        {
            "C_ID": "10",
            "C_TYPE": "2",
            "C_NAME": "幼河曲马",
            "C_ICON": "image/icon/dw_ma.png",
            "C_TITLE": "幼河曲马，可购买喂养。",
            "C_DESCRIPTION": "幼河曲马，可购买喂养。",
            "C_PRICE": "600",
            "C_DANWEI": "只",
            "C_COUNT_NOW": "10",
            "C_STORAGE": "99999473",
            "C_STATUS": "10"
        }
    ]
}

shop_getById.php

按照shopid获取单个商品信息

参数

$id = intval($_POST['id']);
$token = strtoupper($_POST["token"]);
$sign = strtoupper($_POST["sign"]);

返回时示例

{
    "C_ID": 8,
    "C_TYPE": "2",
    "C_NAME": "幼芦花鸡",
    "C_ICON": "image/icon/dw_ji.png",
    "C_TITLE": "幼芦花鸡，可购买喂养。",
    "C_DESCRIPTION": "幼芦花鸡，可购买喂养。",
    "C_PRICE": 500,
    "C_DANWEI": "只",
    "C_COUNT_NOW": "10",
    "C_STORAGE": "99994876",
    "C_STATUS": "10"
}

shop_buy.php

参数

$shopId=intval($_POST["shopId"]);//int
$count=intval($_POST["count"]);//int
$token = strtoupper($_POST["token"]);
$sign = strtoupper($_POST["sign"]);

其中 shopid、token、sign为必选参数。

返回值示例

{
    "ret": "888",
    "msg": "购买成功并成功养殖！"
}

jQuery+Ajax+PHP+Mysql实现分页显示数据

本文使用jQuery，结合PHP和Mysql，通过实例讲解如何实现Ajax数据加载效果。

HTML

#list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{float:left;width:220px; height:260px; margin:2px} #list ul li img{width:220px; height:220px} #list ul li p{line-height:22px} #pagecount{width:500px; margin:10px auto; text-align:center} #pagecount span{margin:4px; font-size:14px} #list ul li#loading{width:120px; height:32px; border:1px solid #d3d3d3; position:absolute; top:35%; left:42%; text-align:center; background:#f7f7f7 url(loading.gif) no-repeat 8px 8px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}

//获取数据 function getData(page){ $.ajax({ type: 'POST', url: 'pages.php', data: {'pageNum':page-1}, dataType:'json', beforeSend:function(){ $("#list ul").append("loading...");//显示加载动画 }, success:function(json){ $("#list ul").empty();//清空数据区 total = json.total; //总记录数 pageSize = json.pageSize; //每页显示条数 curPage = page; //当前页 totalPage = json.totalPage; //总页数 var li = ""; var list = json.list; $.each(list,function(index,array){ //遍历json数据列 li += "

"+array['title'] +"

"; }); $("#list ul").append(li); }, complete:function(){ //生成分页条 getPageBar(); }, error:function(){ alert("数据加载失败"); } }); }

//获取分页条 function getPageBar(){ //页码大于最大页数 if(curPage>totalPage) curPage=totalPage; //页码小于1 if(curPage<1) curPage=1; pageStr = "共"+total+"条"+curPage +"/"+totalPage+""; //如果是第一页 if(curPage==1){ pageStr += "首页上一页"; }else{ pageStr += "首页

"; } //如果是最后页 if(curPage>=totalPage){ pageStr += "下一页尾页"; }else{ pageStr += " 下一页尾页 "; } $("#pagecount").html(pageStr); }

include_once('connect.php'); //连接数据库，略过，具体请下载源码查看 $page = intval($_POST['pageNum']); //当前页 $result = mysql_query("select id from food"); $total = mysql_num_rows($result);//总记录数 $pageSize = 6; //每页显示数 $totalPage = ceil($total/$pageSize); //总页数 $startPage = $page*$pageSize; //开始记录 //构造数组 $arr['total'] = $total; $arr['pageSize'] = $pageSize; $arr['totalPage'] = $totalPage; $query = mysql_query("select id,title,pic from food order by id asc limit $startPage,$pageSize"); //查询分页数据 while($row=mysql_fetch_array($query)){ $arr['list'][] = array( 'id' => $row['id'], 'title' => $row['title'], 'pic' => $row['pic'], ); } echo json_encode($arr); //输出JSON数据

CREATE TABLE IF NOT EXISTS `food` ( `id` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(100) NOT NULL, `pic` varchar(255) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8;

商店逻辑实现－ jQuery+Ajax+PHP+Mysql实现分页显示数据

商店逻辑实现与分析

jQuery+Ajax+PHP+Mysql实现分页显示数据

HTML

CSS

jQuery

PHP

最新文章

其它