jQuery .load()重复触发导致传值重复、alert多次弹窗问题求助

重复触发请求、alert多次弹出的核心原因是全局委托事件重复注册，和DOM节点清理、参数传递逻辑无关：

• 你将#admin按钮的点击事件委托绑定在了document全局对象上，每次通过.load()把tabla-proyectos.php内容注入#table-category容器时，文件内的<script>标签都会重新执行一次，每执行一次就会在document上多注册一个同逻辑的点击监听器
• 首次走全流程时仅注册了1个监听器，点击按钮自然只触发1次请求；重新触发流程再次加载tabla-proyectos.php时，会再新增1个监听器，此时点击按钮就会同时触发2个监听器，发起2次请求、弹出2次alert，重试流程的次数越多，注册的监听器越多，重复执行的次数也会同步增长
• 之前调用.empty()/.remove()仅能清理DOM节点，绑定在document上的委托监听器不会随DOM节点删除被销毁，因此问题无法解决。

选择任意一种方案即可解决问题：

方案1：绑定事件前先解绑已有同逻辑监听 #

修改tabla-proyectos.php内的事件绑定代码，绑定新监听前先移除之前注册的同事件监听，从根源避免重复注册：

// 先解绑document上已绑定的#admin点击事件，再绑定新的监听
$(document).off("click", "#admin").on("click", "#admin", function () {
    let category = $(this).data('id');
    $('#map').load('../public/mapa.php?val1='+category);
});

方案2：将全局委托事件挪到主页面初始化逻辑中（推荐） #

把#admin的点击事件绑定逻辑从动态加载的tabla-proyectos.php中删除，直接放到主页面的公共JS代码里，页面初始化时仅绑定1次即可，后续不管#admin节点怎么动态加载、销毁，全局始终只有1个监听器，不会出现重复触发问题：

// 主页面JS初始化时执行，仅绑定1次
$(document).on("click", "#admin", function () {
    let category = $(this).data('id');
    $('#map').load('../public/mapa.php?val1='+category);
});

• 每次触发新的加载逻辑前，主动清空旧容器的内容，避免历史DOM残留：

$("#consult").click(function(e){
    e.preventDefault();
    let idCategory = $('#category').val();
    // 加载新内容前清空两个容器的旧内容
    $('#table-category, #map').empty();
    $('#table-category').load('../public/tabla-proyectos.php?v1='+idCategory );
});

• 修正代码笔误：最终加载的mapa.php文件中$categoy_id存在拼写错误，正确写法应为$category_id，避免后续出现变量未定义的报错。

内容的提问来源于stack exchange，提问作者Deocx