javascript - Jquery ajax 调用在每个请求上呈指数增长

标签 javascript jquery-ui jquery

我使用 Jquery-ajax 调用将信息发布到页面并显示返回的信息。我遇到的问题如下:

当用户进行第一个 ajax 调用时,一切看起来都很正常。当用户没有重新加载页面并第二次发出相同请求时,将进行两次后调用和 get 调用。第3次有4post+4get请求。第 4 次 8Post/8Gets。依此类推.. 直到浏览器(firefox latest v.)卡住了一段时间。

我是一名新手程序员,我不知道可能是什么原因。我不知道在哪里查看我的代码。也许你们可以给我一个提示。我的其他 ajax 请求都很好,只 post+get 一次。

Firebug 日志: this is a screenshot from firebug

这是我的一段代码:

$(document).ready(function() {
    $('#datepicker').change(function()
    {
        sendDate($('#datepicker').val());               
    });
});

    function sendDate(str)
    {
        $.ajax(
        {
            type: "POST",
            url: "manage_processor.php",
            data: { chosendate: str },
            success: function(data)
            {
                $('#printdiv').html(data);              
            }
        });     
    }

希望任何人都能对这种情况有所了解。

最佳答案

如果我敢猜测,我怀疑返回的数据包含引用您的 javascript 文件的脚本标记。这将解释您看到的 GET 请求。每次将请求数据放入#printdiv 时,您的脚本都会再次加载,并且相同的 javascript 处理程序将绑定(bind)到同一事件。这可以解释处理程序的数量在每次请求后都会翻倍。

快速测试:把 console.log( 'script loaded' );在 manage_functions.js 的顶部。如果我是对的,它会在每次请求后记录。

关于javascript - Jquery ajax 调用在每个请求上呈指数增长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13673711/

相关文章:

jquery - 对话框运行 1 秒后消失?

javascript - 单击按钮时无法调用 Jquery 函数

javascript - Bootstrap 模式框在远程选项卡中不起作用

ajax - 使用 JQuery 发布 JSON 并设置 HTTP 内容类型 - 'application/json'

javascript - 我们可以将 ngIf 显式更改为隐藏在 Angular 库中吗

javascript - 使用@react-native-firebase/messaging 收到通知后应用程序崩溃

javascript - 由于变量范围,jQuery response() 函数不返回任何结果

javascript - 如何知道 jQuery $([CSS Selectors]) 方法中查询的选择器是什么

javascript - 如何为多个表中的交替行着色

javascript - 使用 AMD 模块作为 Aurelia ViewModel