无法获取到输入的验证码,显示提交失败,这怎么解决

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

凝_眸

2021-03-21 20:33:46

/**
*  1.从后台获取到店铺分类以及区域等信息将它填充到前台的html控件中
*  2.将表单的信息获取到,然后将它转发到后台,注册店铺
*/
$(function () {
// 1.
   var initUrl = '/oo2/shopadmin/getshopinitinfo';
   var registerShopUrl = '/oo2/shopadmin/registershop';
   //alert(initUrl);
   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);
           }
});
       // 2.
       $('#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('shopStr', 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);
                       }
$('#captcha_img').click();
                   }
});
           });
   }
})


http://img.mukewang.com/climg/60573d0809ed236d10560572.jpg


http://img.mukewang.com/climg/60573ca309d587ae19201030.jpg


清除了缓存,还是没有用。


写回答

1回答

好帮手慕阿满

2021-03-22

同学你好,建议同学再如下位置处打上断点,然后提交,查看这里是否可以获取到前台输入的验证码,如:

http://img.mukewang.com/climg/6058080a09c43a2014510721.jpg

祝学习愉快~

0

0 学习 · 8263 问题

查看课程