Uncaught ReferenceError: 'xxxx' is not defined at HTMLAnchorElement.onclick暨 a 标签内 onclick事件触发不了函数

我的代码:

		[<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 格式是多么的重要!!!


---- 奋 斗 是 青 春 最 亮 丽 的 底 色

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值