尝试进入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警告
还有最后想问的是看了其他问答,你在回答下给的代码都和视频不一样啊,你给的是后面章节优化过的代码啊,这个有点不太方便我们学习吧(苦笑)?
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回答
-
同学好,我现在在外面,只能晚上回去再仔细看。手机里我只能看到部分错误,不是很全,从错误看,需要你后端设置断点,看看提交对应的controller方法为什么会抛出这个错,肯定是前端少传了什么进去,还需要进一步调试。此外,你所说的cdn,我们用的是zepto.js,而它包装在了阿里的suimobile 框架里,你可以在前端html引入的js代码里找到,就是jquery框架。还有,我给的代码并不是什么优化过的代码,就拿你看到的来讲,给的是后面加了编辑功能的代码,代码读起来也很容易 其他同学也都解决了。因为我这边的代码肯定是最新的 很难跟着教程提供当时的代码,但是代码都是和教程最终的样子一致并未改动。同时,课程的目的不是为了让大家去抄,而是想培养大家解决问题的能力,因为将来工作中会有很多更让懵逼的问题,所以这方面的动手能力还是需要培养起来的,望理解
122018-09-01 -
翔仔
2018-09-01
因为失败null,的话我看应该是后端返回的错误,所以得后端调试一下,我这边也不能够看到同学那边的情况,所以给的是一个根据经验的一个方向,具体还需要同学调试后有进一步的信息才能够指导,或者没准同学后面就解决了。这样来回几次,你就发现你是能获取更大的成就的,调试是程序员必备的哦,一定要学会,刚刚的这些链接应该能够帮助到同学,视频里面我们也进行了一些调试的。
00 -
翔仔
2018-09-01
还有 如果紧急的话可以在群里问下别的同学,有时候有的问题实时表达比较清楚些
062018-09-03
相似问题