尝试进入chrome调试失败了，点击提交页面就显示 提交失败！null

Question

请问错误是指data数据为空吗，接着没有头绪了..

而且我想问js文件代码语法是jquery吧，不是需要引入jquery CDN文件这些吗？

我在idea写shopOperation.js代码很多警告，比如shop.shopName = $('#shop-name').val();会有unresolved funtion or method警告

还有最后想问的是看了其他问答，你在回答下给的代码都和视频不一样啊，你给的是后面章节优化过的代码啊，这个有点不太方便我们学习吧（苦笑）？

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

shopOperation.js代码 /**  *  */ $(function () {     var initUrl = '/o2o/shopadmin/getshopinitinfo';     var registerShopUrl = '/o2o/shopadmin/registershop';       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 () {             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('shpStr',JSON.stringify(shop));               var verifyCodeActual =$('#j_captcha').val();             if(!verifyCodeActual){                 $.toast('请输入验证码！');                 return;             }             formData.append('verifyCodeActual',verifyCodeActual);               //传数据到后台             $.ajax({                 url:registerShopUrl,                 type : 'POST',                 data:formData,                 contentType:false,                 processData:false,                 cache:false,                 success:function (data) {                     if(data.success){                         $.toast('提交成功');                     }else {                         $.toast('提交失败!'+data.errMsg);                     }                     //不管成功还是失败，提交页面后会再更换验证码                     $('#capcha_img').click();                 }             })         })     } });

Answer 1

翔仔 2018-09-01 15:50:30

同学好，我现在在外面，只能晚上回去再仔细看。手机里我只能看到部分错误，不是很全，从错误看，需要你后端设置断点，看看提交对应的controller方法为什么会抛出这个错，肯定是前端少传了什么进去，还需要进一步调试。此外，你所说的cdn，我们用的是zepto.js，而它包装在了阿里的suimobile 框架里，你可以在前端html引入的js代码里找到，就是jquery框架。还有，我给的代码并不是什么优化过的代码，就拿你看到的来讲，给的是后面加了编辑功能的代码，代码读起来也很容易 其他同学也都解决了。因为我这边的代码肯定是最新的 很难跟着教程提供当时的代码，但是代码都是和教程最终的样子一致并未改动。同时，课程的目的不是为了让大家去抄，而是想培养大家解决问题的能力，因为将来工作中会有很多更让懵逼的问题，所以这方面的动手能力还是需要培养起来的，望理解

• 提问者 慕码人4369621 #1

  恩，不过你说的进一步调试。。我新手不知从哪行代码开始调试呢，今天下午才网上找了调试教程来看

• 翔仔 回复 提问者 慕码人4369621 #2

  同学好，不好意思我才回到，对的，其实接触新知识是这样的，即便老鸟也如此，都需要有第一次，因为大家的技术水平不同，能做到实战项目的应该都是具备一定调试能力了的，就像我们学算法需要调试。工作中遇到很多新的东西，有时候也不得不硬着头皮上，同学可以先学习一下
  具体可以参考以下连接
  https://blog.csdn.net/qwertyupoiuytr/article/details/53997458
  https://www.cnblogs.com/sanmubird/p/7745725.html
  学会前后端调试，你就能解决80%以上的问题

Answer 2

翔仔 2018-09-01 23:57:21

因为失败null,的话我看应该是后端返回的错误，所以得后端调试一下，我这边也不能够看到同学那边的情况，所以给的是一个根据经验的一个方向，具体还需要同学调试后有进一步的信息才能够指导，或者没准同学后面就解决了。这样来回几次，你就发现你是能获取更大的成就的，调试是程序员必备的哦，一定要学会，刚刚的这些链接应该能够帮助到同学，视频里面我们也进行了一些调试的。

Answer 3

翔仔 2018-09-01 15:53:14

还有 如果紧急的话可以在群里问下别的同学，有时候有的问题实时表达比较清楚些

• 提问者 慕码人4369621 #1

  谢谢，群进不去的，号码点击没反应的

• 翔仔 回复 提问者 慕码人4369621 #2

  得用敲门砖进，PC右端会有群的号。敲门砖只能用一次，先前别人用过的话是不可以的

• 提问者 慕码人4369621 #3

  尴尬，敲门砖是什么的，怎么用...

点开查看后面3条评论