$(function(){
// 用于店铺注册时候的店铺类别以及区域列表的初始化的URL
var initUrl=’/o2o/shop/getshopinitinfo’;
// 注册店铺的URL
var registerShopUrl=’/o2o/shopadmin/registershop’;
/alert(initUrl);/
getShopInitInfo();
// 取得所有二级店铺类别以及区域信息,并分别赋值进类别列表以及区域列表
function getShopInitInfo(){
$.getJSON(initUrl,function(data){
if(data.success){
var tempHtml='';
var tempAreaHtml='';
data.shopCategoryList.map(function(item,index){
tempHtml+='<option data-id="'+item.shopCategoryId+'">'
+item.shopCategoryName+'</option>';
});
data.areaList.map(function(item,index){
tempAreaHtml+='<option data-id="'+item.areaId+'">'
+item.areaName+'</option>';
});
$('#shop-category').html(tempHtml);
$('#area').html(tempAreaHtml);
}
});
// 提交按钮的事件响应,分别对店铺注册和编辑操作做不同响应
$('#submit').click(function(){
// 创建shop对象
var shop ={};
// 获取表单里的数据并填充进对应的店铺属性中
shop.shopName=$('#shop-name').val();
shop.shopAddr=$('shop-addr').val();
shop.phone=$('shop--phone').val();
shop.shopDesc=$('shop-desc').val();
// 选择选定好的店铺类别
shop.shopCategory={
shopCategoryId:$('#shop-category').find('option').not(function(){
return !this.selected;
}).data('id')
};
// 选择选定好的区域信息
shop.area = {
areaId:$('#area').find('option').not(function(){
return !this.selected;
}).data('id')
};
var shopImg=$('#shop-img')[0].files[0];
var formData=new FormData();
formData.append('shopImg',shopImg);
formData.append('shopStr',JSON.stringify(shop));
// 将数据提交至后台处理相关操作
$.ajax({
type:"post",
url:"registerShopUrl",
async:formData,
contentType:false,
proceesData:false,
catche:false,
success:function(data){
if(data.success){
$.toast('提交成功!');
}else{
$.toast('提交失败!'+data.errMsg);
}
}
});
});
}
})
SSM商铺V1.0,解决毕设痛点;SpringBoot商铺V2.0,满足工作刚需
了解课程