Question

我注意到我的ajax调用有一种非常奇怪的行为。每隔一次ajax调用总是有300ms的延迟。

以下是网络部分look like。我查看了电话的详细信息。这是fast ajax call，这是slow ajax call。

慢速ajax调用有2个额外字段 - DNS查找和初始连接。

为什么每隔一次ajax调用都会发生这种情况？如何确保一致的ajax性能？

测试代码：

<body>
    <input type="button" class="btn" id="testButton" value="Test"/>
</body>

<script>
    document.getElementById('testButton').onclick = function() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                console.log('done');
            }
        };
        xhttp.open("GET", "{% url 'test_ajax' %}", true);
        xhttp.send();
    }
</script>

def test_ajax(request):
    return JsonResponse({'a': 'a'})

编辑：我尝试用jQuery进行ajax调用，仍然是同样的问题。

Answer 1

我可能错了，但我没有设想在没有jQuery的情况下执行AJAX请求。也许以下问题可以让你感到高兴：

Ajax tutorial for post and get

您的视图功能位于正确的路径中。

每隔一次ajax调用都有300ms的延迟

1 个答案: