ajax 和bootstrap混用手残出现的一个bug

最新推荐文章于 2024-05-06 12:56:50 发布

fangxubz

最新推荐文章于 2024-05-06 12:56:50 发布

阅读量1.4k

点赞数

分类专栏： ajax jquery 文章标签： ajax bootstrap

本文链接：https://blog.csdn.net/u011437680/article/details/45129721

版权

在前端开发中，使用Ajax提交评论时，由于误将回复按钮和评论按钮的click事件嵌套，导致评论多次显示。问题在于外部button在监听内部button的点击事件，每次点击都会增加一次监听，从而向服务器发送多条请求。解决方案是将两个button的click事件独立处理。

摘要由CSDN通过智能技术生成

前端是这样的

原本的逻辑是点击提交之后，出现模态框，然后点击评论之后用ajax把数据提交给后端，看起来没问题，但是手残把两个按钮嵌套一起了，

（代码并不完整）

错误的代码

$("#回复按钮").on('click', function(){
    //获得回复对象的信息;
    $("模态框中的评论").on('click' function(){
        //获得弹出框中的绰号和内容
        .ajax({
            传输数据;
        }