修改完店铺信息后,点击提交没有作用,数据库中数据也没有发生改变

修改完店铺信息后,点击提交没有作用,数据库中数据也没有发生改变


$(function () {
   var shopId=getQueryString('shopId');
   var isEdit=shopId?true:false;

   var initUrl = '/o2o_war_exploded/shopadmin/getshopinitinfo';
   var registerShopUrl = '/o2o_war_exploded/shopadmin/registershop';
   var shopInfoUrl='/o2o_war_exploded/shopadmin/getshopbyid?shopId='+shopId;
   var editShopUrl='/o2o_war_exploded/shopadmin/modifyshop';

   if( !isEdit){
       getShopInitInfo();
   }else{
       getShopInfo(shopId);
   }


   function getShopInfo(shopId) {
       $.getJSON(shopInfoUrl,function (data) {
           if(data.success){
               var shop=data.shop;
               $('#shop-name').val(shop.shopName);
               $('#shop-addr').val(shop.shopAddr);
               $('#shop-phone').val(shop.phone);
               $('#shop-desc').val(shop.shopDesc);
               var shopCategory='<option data-id="'
                   + shop.shopCategory.shopCategoryId +'"selected>'
                   + shop.shopCategory.shopCategoryName + '</option>';
               var tempAreaHtml = '';
               data.areaList.map(function (item,index) {
                   tempAreaHtml += '<option data- id="' + item.areaId + '">'
                       + item.areaName + '</option>';
               });

               $('#shop-category').html(shopCategory);
               $('#shop-category').attr('disabled','disabled');
               $('#area').html(tempAreaHtml);
               $("#area option[data-id=]'"+ shop.area.areaId+ "']").attr("selected","selected");
           }
       });
   }

   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 ={};
           if (isEdit){
               shop.shopId =shopId;
           }

           //shop.shopName = $('#shop-name').val();
           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('shopStr',JSON.stringify(shop));
           var verifyCodeActual =$('#j_captcha').val();
           if(!verifyCodeActual){
               $.toast("请输入验证码!");
               return;
           }
           formData.append('verifyCodeActual',verifyCodeActual);
           $.ajax({
              url : (isEdit? editShopUrl: registerShopUrl),
              type : 'POST',
              data : formData,
              contentType : false,
              processData : false,
              cache : false,
              success : function (data) {
                  if(data.success()){
                      $.toast('提交成功!!');
                  }else{
                      $.toast('提交失败!!' + data.errMsg);
                  }
                  $('#captcha_img').click();
              }
           });

       });
   }

})

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕柯南 2019-07-14 17:43:32

同学你好!

  1. 同学的getShopInfo方法中加载区域时出错,同学参考以下修改
    http://img1.sycdn.imooc.com//climg/5d2af3fd0001530509160131.jpg

  2. 同学的提交事件被包裹在了getShopInitInfo方法中,所以同学的点击事件并没有生效,同学在getShopInitInfo结束后添加一个}

http://img1.sycdn.imooc.com//climg/5d2af4ad0001f31008300279.jpg

并将最后多出来的   }  去掉

http://img1.sycdn.imooc.com//climg/5d2af50c000151e902830155.jpg

3.经过以上修改同学的js没有问题了。

4.js的调试,在控制台找到js文件,可以与idea中一样打断点,同学可以尝试学一下

http://img1.sycdn.imooc.com//climg/5d2af58b00016ed210000530.jpg

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

好帮手慕柯南 2019-07-14 15:39:48

同学你好!打断点检查一下数据是否传到了后台呢,同学在修改数据库时是否传数据进去了呢。

祝学习愉快~

  • 提问者 Demnz #1
    不太会调试js中的....,头疼
    2019-07-14 16:28:51
  • 提问者 Demnz #2
    我把代码贴一下,老师您能帮我稍微测一下吗?谢谢您了2333
    2019-07-14 16:31:41
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师