能读取 地址和类型 但是提交后就404
来源:3-5 前后端联调验证整体模块功能
VN666
2020-06-29 14:08:15
// 实现前后端分离 解耦
$(function () {
// 获取店铺分类
var initUrl = '/shopadmin/getshopinitinfo';
var registerShopUrl = '/shopadmin/registershop';
alert(initUrl);
getShopInitInfo();
function getShopInitInfo(){
// 获取JSON $getJSON(访问URL,回调方法)
$.getJSON(initUrl, function (data) {
if (data.success){
alert(data)
var temp = '';
var tempArea = '';
// 获取 shopCategoryList参数
data.ShopCategoryList.map(function (item, index) {
temp += '<option data-id="' + item.shopCategoryId + '">' +
item.shopCategoryName + '</option>';
});
data.areaList.map(function (item, index) {
tempArea += '<option data-id="' + item.areaId + '">' +
item.areaName + '</option>'
});
// 填充
$('#shop-category').html(temp);
$('#area').html(tempArea)
}
});
}
// 提交按钮的事件响应,分别对店铺注册和编辑操作做不同响应
$('#submit').click(function () {
// 创建shop对象
var shop = {};
shop.shopName = $('#shop-name').val();
shop.shopAddr = $('#shop-addr').val();
shop.phone = $('#shop-phone').val();
shop.Desc = $('#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();
var inputs = document.getElementsByTagName("input");
var count = 0;
for(var i = 0; i < inputs.length; i++){
var msg = inputs[i].nextElementSibling;
if (msg.className == "msg-success")
count++;
}
//var checks = document.getElementById();
if(count != 5){
alert("请完善信息!");
return;
}
formData.append('shopImg', shopImg);
formData.append('shopStr',JSON.stringify(shop));
var check_code = $('#checks').val();
if(!check_code){
alert("请输入验证码!");
return;
}
formData.append('check_code', check_code);
$.ajax({
url : registerShopUrl,
type : 'POST',
data : formData,
contentType : false,
processData : false,
cache : false,
success:function (data) {
if(data.success)
alert('提交成功!');
else
alert('提交失败!' + data.errMsg);
$('#check_img').click();
}
});
});
});
3回答
好帮手慕小脸
2020-06-29
同学你好,同学这里可以先去掉项目名,然后查看是否有映射呢?
这里/shopadmin/registershop对应的ShopManagementController的registerShop方法
如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
好帮手慕小脸
2020-06-29
同学你好,在之前的课程《店铺注册之js实现》中,注册店铺registerShopUrl这里需要加上项目,如下所示:
建议同学加上项目名后再试试
如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
好帮手慕小脸
2020-06-29
同学你好,404错误是路径错误,不能找到对应的资源内容,建议同学检查一下对应访问的路径是否正确呢?
祝学习愉快~
相似问题