能读取 地址和类型 但是提交后就404

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

VN666

2020-06-29 14:08:15

http://img.mukewang.com/climg/5ef985200924d3a418830951.jpg

http://img.mukewang.com/climg/5ef98543097d8fa006850114.jpg


// 实现前后端分离 解耦
$(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方法 

http://img.mukewang.com/climg/5ef9c3760949311d09260372.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

好帮手慕小脸

2020-06-29

同学你好,在之前的课程《店铺注册之js实现》中,注册店铺registerShopUrl这里需要加上项目,如下所示:

建议同学加上项目名后再试试 

http://img.mukewang.com/climg/5ef99863096147a006040173.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0
hN666
h 加了连第一个URL都404了
h020-06-29
共1条回复

好帮手慕小脸

2020-06-29

同学你好,404错误是路径错误,不能找到对应的资源内容,建议同学检查一下对应访问的路径是否正确呢?

祝学习愉快~

   


0
hN666
h 正确的啊 var initUrl = '/shopadmin/getshopinitinfo'; 不报错 var registerShopUrl = '/shopadmin/registershop'; 报错 他们都在 shopadmin路径下啊
h020-06-29
共1条回复

0 学习 · 8263 问题

查看课程