我的代码:
[<a href="javascript:void(0);" onclick="deleteById(${dict.id},'${dict.name}')">删除</a>]
这里我的 HTML 代码,如下是我的 JS 代码
<script>
function deleteById(id, label) {
var r = confirm('确定要删除"' + label + '"吗?');
if (r) {
$.ajax({
url: '${path}/dicts/delete',
data: {
id: id
},
dataType: 'json',
type: 'POST',
success: function (data) {
if (data.success()) {
$('#dict-' + id).remove();
} else {
alert(data.msg)
}
}
})
}
}
</script>
错误信息:
控制台报错信息如下:
Uncaught ReferenceError: deleteById is not defined
at HTMLAnchorElement.onclick (dicts:88)
解决问题:
在这里我的报错问题是 引入 JQUERY 文件 </script> 标签未写入导致的
错误格式
<script src="${path}/static/jquery-3.4.1.min.js"/>
正确格式
<script src="${path}/static/jquery-3.4.1.min.js"></script>
拓展
这个问题出现后,我也在网上找了许多类似的文章,但都不是最主要的。
有人说:格式这样写
deleteById = function (id, label) {
var r = confirm('确定要删除"' + label + '"吗?');
if (r) {
$.ajax({
url: '${path}/dicts/delete',
data: {
id: id
},
dataType: 'json',
type: 'POST',
success: function (data) {
if (data.success()) {
$('#dict-' + id).remove();
} else {
alert(data.msg)
}
}
})
}
}
再者 就是 在 deleteById
前面加个 var
。
这俩种方法,在我解决问题之后都是可以正常运行的。
而未解决之前,也是同样的报错。由此可见,正确的引入 JS 格式是多么的重要!!!
---- 奋 斗 是 青 春 最 亮 丽 的 底 色