商品添加按钮都是空链接怎么测试成功的

Question

下面那个提交按钮是空连接点了会没有反应的啊，老师怎么就直接测试成功了还加到数据库里去了，我看源代码里面都是空连接怎么回事。

Answer 1

慕沐8221787 2020-04-23 21:04:21

这个提交功能是通过productoperation.js里的click函数实现的：

$('#submit').click(
     function() {
        // 创建商品json对象，并从表单里面获取对应的属性值
        var product = {};
        product.productName = $('#product-name').val();
        product.productDesc = $('#product-desc').val();
        product.priority = $('#priority').val();
        product.point = $('#point').val();
        product.normalPrice = $('#normal-price').val();
        product.promotionPrice = $('#promotion-price').val();
        // 获取选定的商品类别值
        product.productCategory = {
           productCategoryId : $('#category').find('option').not(
                 function() {
                    return !this.selected;
                 }).data('value')
        };
        product.productId = productId;

        // 获取缩略图文件流
        var thumbnail = $('#small-img')[0].files[0];
        // 生成表单对象，用于接收参数并传递给后台
        var formData = new FormData();
        formData.append('thumbnail', thumbnail);
        // 遍历商品详情图控件，获取里面的文件流
        $('.detail-img').map(
              function(index, item) {
                 // 判断该控件是否已选择了文件
                 if ($('.detail-img')[index].files.length > 0) {
                    // 将第i个文件流赋值给key为productImgi的表单键值对里
                    formData.append('productImg' + index,
                          $('.detail-img')[index].files[0]);
                 }
              });
        // 将product json对象转成字符流保存至表单对象key为productStr的的键值对里
        formData.append('productStr', JSON.stringify(product));
        // 获取表单里输入的验证码
        var verifyCodeActual = $('#j_captcha').val();
        if (!verifyCodeActual) {
           $.toast('请输入验证码！');
           return;
        }
        formData.append("verifyCodeActual", verifyCodeActual);
        // 将数据提交至后台处理相关操作
        $.ajax({
           url : productPostUrl,
           type : 'POST',
           data : formData,
           contentType : false,
           processData : false,
           cache : false,
           success : function(data) {
              if (data.success) {
                 $.toast('提交成功！');
                 $('#captcha_img').click();
              } else {
                 $.toast('提交失败！');
                 $('#captcha_img').click();
              }
           }
        });
     });

• 提问者 LilyBerry_0 #1

  请问一下为什么我写了productoperation.js点击提交按钮前后台都没反应啊，可能是哪里的问题，会不会和我目录下拉菜单是白的有关，明天我再仔细检查下，非常感谢同学的回答

• 翔仔 回复 提问者 LilyBerry_0 #2

  确实是这样的，感谢同学的热心支持，建议同学还是跟着视频去学习，点提交没反应的话，需要你打开chrome的开发者控制台，看看有没有什么错误，可以参考之前学习过的前后端联调来调试一下，这种问题一般调试就能解决，而且调试是必会技能