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

Question

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

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

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

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

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条评论