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

来源:4-13 前后端联调验证整体模块功能

慕码人4369621

2018-09-01

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

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

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

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


http://img.mukewang.com/szimg/5b8a41870001754216270798.jpg

//img.mukewang.com/szimg/5b8a3da30001097d15120520.jpg



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();
                }
            })
        })
    }
});


写回答

3回答

翔仔

2018-09-01

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

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

翔仔

2018-09-01

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

0
0

翔仔

2018-09-01

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

0
6
翔仔
回复
慕码人4369621
这些问题还是让慕课网的工作人员解答吧。。我已经联系了,稍后应该会在这里答复,请耐心等待
2018-09-03
共6条回复

Java双版本(SSM到SpringBoot)校园商铺全栈开发

SSM商铺V1.0,解决毕设痛点;SpringBoot商铺V2.0,满足工作刚需

5113 学习 · 8144 问题

查看课程