4-11前端获取店铺类别区域信息失败

Question

前端控制台：shopoperation.js:14 Uncaught TypeError: Cannot read property 'map' of null(anonymous function) @ shopoperation.js:14v @ zepto.min.js:2S.onreadystatechange @ zepto.min.js:2

前端代码：

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

$(function(){     var initUrl='/o2oV1/shopadmin/getshopinitinfo';     var registerShopUrl='/o2ov1/shopadmin/registershop';     alert(initUrl);     getShopInitInfo();     function getShopInitInfo(){         $.getJSON(initUrl,function(data){             if(data.success){                 var tempHtml='';                 var tempAreaHtml=''; //错误点14行                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(){         var shop={};         shop.shopName=$('#shop-name').val();         shop.shopAddr=$('#shop-addr').val();         shop.phone=$('#shop-phone').val();         shop.shopInfo=$('#shop-info').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({             url:registerShopUrl,             type:'POST',             data:formData,             contentType:false,             processDate:false,             cache:false,             success:function(data){                 if(data.success){                     $.toast('提交成功！')                 }else{                     $.toast('提交失败'+ data.errMsg);                 }             }         });     });     } })

Answer 1

翔仔 2018-04-18 18:25:33

同学，这个需要你调试呢 看看前台返回区域信息列表或者店铺类别列表没，如果没返回 看看后端为什么没返回 看看sql语句为什么没返回 一步步定位 设置断点调试 看看控制台信息 一直希望你能独立处理问题

• 提问者 Cris_hu #1

  第一次做这个全栈的项目，没有前后端联动的调试经验。。不知道怎么下手
  ，老师能不能给个路线啥的。。。

• 提问者 Cris_hu #2

  不知道怎么百度这方面的问题。。找不到措辞

• 提问者 Cris_hu #3

  额，这个问题不解决导致我无法继续往下开发。。。不然代码一多又难以定位了

点开查看后面8条评论