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

Question

没有异常不知道怎么搞

Answer 1

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

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

Answer 2

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

@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有问题

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99

$(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有问题吗