$.toast is not a function
来源:3-5 前后端联调验证整体模块功能
VN666
2020-06-29 13:32:18
JS 中 出现 $.toast is not a function 我用的是JSP 不是HTML
// 实现前后端分离 解耦
$(function () {
// 获取店铺分类
var initUrl = '/shopadmin/getshopinitinfo';
var registerShopUrl = '/shopadmin/registershop';
alert(initUrl);
getShopInitInfo();
function getShopInitInfo(){
// 获取JSON $getJSON(访问URL,回调方法)
$.getJSON(initUrl, function (data) {
if (data.success){
alert(data)
var temp = '';
var tempArea = '';
// 获取 shopCategoryList参数
data.ShopCategoryList.map(function (item, index) {
temp += '<option data-id="' + item.shopCategoryId + '">' +
item.shopCategoryName + '</option>';
});
data.areaList.map(function (item, index) {
tempArea += '<option data-id="' + item.areaId + '">' +
item.areaName + '</option>'
});
// 填充
$('#shop-category').html(temp);
$('#area').html(tempArea)
}
});
}
// 提交按钮的事件响应,分别对店铺注册和编辑操作做不同响应
$('#submit').click(function () {
// 创建shop对象
var shop = {};
shop.shopName = $('#shop-name').val();
shop.shopAddr = $('#shop-addr').val();
shop.phone = $('#shop-phone').val();
shop.Desc = $('#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 check_code = $('#checks').val();
if(!check_code){
$.toast("请输入验证码!");
return;
}
formData.append('check_code', check_code);
$.ajax({
url : registerShopUrl,
type: 'POST',
data: formData,
contentType: false,
processData:false,
cache:false,
success:function (data) {
if(data.success){
$.toast('提交成功!');
}
else{
$.toast('提交失败!' + data.errMsg);
}
$('#check_img').click();
}
});
});
});
1回答
好帮手慕阿满
2020-06-29
同学你好,在这个项目中,应该使用html,而不是jsp。
另外建议同学将引入js的代码放在代码前再试试。
祝:学习愉快~
相似问题