尝试进入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
相似问题