怎么我的页面不显示的下拉列表

来源:4-11 店铺类别区域信息的获取

qq_蓝骏毅_04076633

2020-01-17

图片描述

$(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);
				}
			}
		});
	});
}

})

写回答

3回答

qq_蓝骏毅_04076633

提问者

2020-01-19

//img.mukewang.com/szimg/5e2401de09ff228402400035.jpg

//img.mukewang.com/szimg/5e2401df09ad14e109090532.jpg

我见视频也是这样做啊

0
0

qq_蓝骏毅_04076633

提问者

2020-01-18

//img.mukewang.com/szimg/5e22d48f09d16e9b13180888.jpg

下拉列表不出来

0
5
C哩C哩1
回复
qq_蓝骏毅_04076633
请问怎样解决下列列表不显示的问题的呢?
2020-03-04
共5条回复

翔仔

2020-01-17

这个需要同学前后端调试一下,看看是不是后端没返回,还是前端接收到之后没执行对应的逻辑,光贴源码和这样描述结果我也没办法精确定位,需要你学习一下前后端联调,课程里面有讲,也可以参考一下http://coding.imooc.com/lesson/144.html#mid=26876

此外,苦口良药,建议同学多增强表述问题的能力,这样对你以后有很大的帮助,这方面急需提高

0
0

Java双版本(SSM到SpringBoot)校园商铺全栈开发

SSM商铺V1.0,解决毕设痛点;SpringBoot商铺V2.0,满足工作刚需

5113 学习 · 8144 问题

查看课程