JS onClick删除事件未触发反而跳转页面 代码问题排查求助

• 函数名不匹配：按钮onclick属性绑定的调用函数为delete_order()，但实际定义的JS处理函数名为deleteBanner()，JS找不到目标函数会抛出未定义错误，后续弹窗、删除逻辑完全不会执行。
• 按钮默认提交行为触发：如果该按钮放在<form>标签内部，<button>标签默认type属性为submit，点击后会直接触发表单提交，导致页面跳转，和你观察到的跳转到带?的地址现象完全吻合。
• 潜在隐藏问题：如果你的JS代码写在独立的.js后缀文件中，代码里的<?php echo base_url('admin/Design/delete_banner'); ?>不会被PHP解析，请求URL会直接输出为PHP代码字符串，导致后续AJAX请求失败。

1. 统一两端函数名：将按钮的onclick调用函数名修改为和JS定义一致的deleteBanner，示例如下：

<button type="button" class="btn btn-sm btn-clean btn-icon" onclick="deleteBanner('<?php echo $value->idorder; ?>');" data-toggle="tooltip" title="delete order"><i class="la la-trash"></i></button>

2. 阻止按钮默认提交行为：给<button>标签新增type="button"属性，明确指定为普通按钮，不会触发表单提交，上面的示例代码已经添加了该属性。
3. 修复动态URL解析问题：如果JS代码放在独立.js文件中，可将请求地址作为参数传入函数，或者将这段JS代码迁移到.php后缀的模板文件中，保证PHP代码可以正常解析生成正确的请求地址。
4. （可选适配）如果你使用的是SweetAlert2，旧版本的回调写法可能不兼容，可将回调逻辑改为Promise写法适配新版本。

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