商铺分类下拉列表不知道为什么不显示

Question

没有异常不知道怎么搞

Answer 1

qq_蓝色天空_35 2020-03-31 23:27:39

直接在浏览器上请求下获取店铺类别的接口，看是否有数据，如果没有就是请求地址的问题，有就是js有问题

Answer 2

提问者 qq_蓝骏毅_04076633 2020-03-31 20:17:38

我咋天也将js重新写过启动后也是没有显示，我在ShopManagementController下

@RequestMapping(value = "/getshopinitinfo", method = RequestMethod.GET)
	@ResponseBody
	private Map<String, Object> getShopInitInfo() {
		Map<String, Object> modelMap = new HashMap<String, Object>();
		List<ShopCategory> shopCategoryList = new ArrayList<ShopCategory>();
		List<Area> areaList = new ArrayList<Area>();
		try {
			shopCategoryList = shopCategoryService.getShopCategoryList(new ShopCategory());
			areaList = areaService.getAreaList();
			modelMap.put("shopCategoryList", shopCategoryList);
			modelMap.put("areaList", areaList);
			modelMap.put("success", true);
		} catch (Exception e) {
			modelMap.put("success", false);
			modelMap.put("errMsg", e.getMessage());
		}
		return modelMap;
	}

重新写过后再启动后下拉列表可以显示出来

我想问下我是js有问题还是没有后台获取不到并返回

我问过人有些说我的js有问题

$(function(){
	
	// 用于店铺注册时候的店铺类别以及区域列表的初始化的URL
	var initUrl = '/o2o/shopadmin/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);
			// 将shop json对象转成字符流保存至表单对象key为shopStr的的键值对里
			formData.append('shopStr', JSON.stringify(shop));
			
			// 获取表单里输入的验证码
			var verifyCodeA
			
			// 将数据提交至后台处理相关操作
			$.ajax({
				url	: registerShopUrl,
				type : 'POST',
				data : formData,
				contentType : false,
				processData : false,
				cache : false,
				
				success:function(data){
					if(data.success){
						$.toast('提交成功！');
					}else{
						$.toast('提交失败！' + data.errMsg);
					}
				}
				
			});
			
		});
		
	}
	
})

• 翔仔 #1

  直接看代码很难看出问题，有时候还因为是数据有问题，所以还是需要调试才能解决

Answer 3

翔仔 2020-03-30 01:37:09

直接贴代码的话，由于我们的上下文都不一致，通常情况下是没法精确定位问题的，主要是看看你的后端是否将商铺分类列表返回给了前端，返回了不显示就会报错，这里我猜后端都没去获取店铺分类并返回

Answer 4

提问者 qq_蓝骏毅_04076633 2020-03-28 23:43:48

是js有问题吗