老师看看什么原因

Question

js: 代码
/**
*
*/
$(function () {
// 用于店铺注册时候的店铺类别以及区域列表的初始化的URL
var initUrl = “/shopAdmin/getShopInitInfo”;
// 注册店铺的URL
var registerShopUrl = “/shopAdmin/registerShop”;
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);
        }
    });
}

// 提交按钮的事件响应，分别对店铺注册和编辑操作做不同响应
$("#submit").click(function () {
    // 创建shop对象
    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);
    // 将shop json对象转成字符流保存至表单对象key为shopStr的的键值对里
    formData.append("shopStr", JSON.stringify(shop));
    // 获取表单里输入的验证码
    var verifyCodeActual = $("#j_kaptcha").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);
            }
            // 点击验证码图片的时候，注册码会改变
            $("#kaptcha_img").click();
        }
    });
});

})

$.toast(“提交失败！” + data.errMsg); 这句报错，尝试复制你的源码还是同样问题

Answer 1

翔仔 2020-11-25 00:33:40

同学好，主要看看你的html代码里面引入js的顺序，先确保zepto.js被优先引入，修改之后，记得清空页面缓存

• 提问者 执念是一种态度 #1

  <script src='../../../resources/js/common/zepto.js'></script>
  <script src='../../../resources/js/common/zepto.min.js'></script>
  <script src='../../../resources/js/common/sm.min.js'></script>
  <script src='../../../resources/js/common/sm-extend.min.js'></script>
  <script src='../../../resources/js/common/common.js'></script>
  <script src='../../../resources/js/shop/shopOperation.js' charset="utf-8"></script>

• 翔仔 回复 提问者 执念是一种态度 #2

  不能引入两个哈，要么引zepto.min.js，要么引zepto.js，不能并存的，而且同学看看控制台里面没有报引入这些js文件404吧？修改后，记得清空缓存，此外，建议js文件名一律用小写