实战SSM_O2O商铺_13【商铺注册】View层之初始化页面数据

请求过程分析

页面画完之后，我们的下拉框是没有数据的

                    <!-- 商铺分类  下拉列表 -->
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">商铺分类</div>
                                    <div class="item-input">
                                        <!-- 增加id,便于js中操作，需要从后台读取数据 -->
                                        <select id="shop-category">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <!-- 所属区域  下拉列表 - -->
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">所属区域</div>
                                    <div class="item-input">
                                        <select id="shop-area">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </li>

在初始换页面加载js的时候调用

// 调用函数，加载数据
getShopInitInfo();

函数定义如下：

/**
     * 从后台加载获取下拉菜单的值
     */
    function getShopInitInfo() {
        $.getJSON(initUrl, function(data) {
            if (data.success) {
                var tempShopCategoryHtml = '';
                var tempShopAreaHtml = '';
                data.shopCategoryList.map(function(item, index) {
                    tempShopCategoryHtml += '<option data-id="'
                            + item.shopCategoryId + '">' + item.shopCategoryName
                            + '</option>';
                });

                data.areaList.map(function(item, index) {
                    tempShopAreaHtml += '<option data-id="' + item.areaId
                            + '">' + item.areaName + '</option>';
                });
                // 获取html中对应标签的id 赋值
                $('#shop-category').html(tempShopCategoryHtml);
                $('#shop-area').html(tempShopAreaHtml)

            }else{
                $.toast(data.errMsg);
            }
        });
    };

请求 initUrl ， 我们设置的值为/o2o/shopadmin/getshopinitinfo ，根据web.xml中配置拦截所有请求可知在经过DispatcherServlet分发到Controller层，接收到请求后继续处理。

---

DAO层的实现

需要获取商铺分类列表和区域列表，DAO层我们还没做完，来完善下