SSM项目之商铺系统(十一) 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>';
				}