点击提交按钮无响应

Question

老师，当通过shopId从后台获取数据到前台HTML页面上，编辑修改后，点击提交按钮无响应，
通过debug也跑不到private Map<String, Object> modifyShop(HttpServletRequest request) {}这个方法！
求解,老师
店铺注册的时候一切是正常的

Answer 1

翔仔 2018-10-27 00:40:10

同学好，你直接复制我的代码，粘贴到你的那边去执行，记得清除缓存，我的代码是没问题的，执行成功后，再对比下二者的diff.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137

/**  *   */ $(function() {     // 从URL里获取shopId参数的值     var shopId = getQueryString('shopId');     // 由于店铺注册和编辑使用的是同一个页面，     // 该标识符用来标明本次是添加还是编辑操作     var isEdit = shopId ? true : false;     // 用于店铺注册时候的店铺类别以及区域列表的初始化的URL     var initUrl = '/o2o/shopadmin/getshopinitinfo';     // 注册店铺的URL     var registerShopUrl = '/o2o/shopadmin/registershop';     // 编辑店铺前需要获取店铺信息，这里为获取当前店铺信息的URL     var shopInfoUrl = "/o2o/shopadmin/getshopbyid?shopId=" + shopId;     // 编辑店铺信息的URL     var editShopUrl = '/o2o/shopadmin/modifyshop';     // 判断是编辑操作还是注册操作     if (!isEdit) {         getShopInitInfo();     } else {         getShopInfo(shopId);     }     // 通过店铺Id获取店铺信息     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() {         // 创建shop对象         var shop = {};         if (isEdit) {             // 若属于编辑，则给shopId赋值             shop.shopId = shopId;         }         // 获取表单里的数据并填充进对应的店铺属性中         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);         // 将shop json对象转成字符流保存至表单对象key为shopStr的的键值对里         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('提交成功！');                     if (!isEdit) {                         // 若为注册操作，成功后返回店铺列表页                         window.location.href = "/o2o/shopadmin/shoplist";                     }                 } else {                     $.toast('提交失败！' + data.errMsg);                 }                 // 点击验证码图片的时候，注册码会改变                 $('#captcha_img').click();             }         });     });   })

Answer 2

翔仔 2018-10-26 01:44:01

同学好，需要你去chrome里的开发者工具下面去看看当点击提交按钮的时候，console里面有没有报错，往往是前端js出现了问题，请debug前端

• 提问者 晚生后学 #1

  无响应的，没报任何错误的

• 幕布斯1062879 #2

  老师，我也是无响应

• 翔仔 回复 幕布斯1062879 #3

  需要同学看看你的chrome的开发者模式，看看console报了什么错误