javascript - AJAX 不断刷新内容使我的按钮无用

Question

我想知道为什么 AJAX 不断调用电话，这样很难按下按钮，而且网站无法像这样运行......:http://buycheapvaporizer.com/products.php

我的JS文件:

$(document).ready(function(){
product();

function product(){
    $.ajax({
        url :   "productloader2.php",
        method: "POST",
        data    :   {getProduct:1},
        success :   function(data){
            $("#get_product").html(data);
        },
        complete: function() {
            setTimeout(product, 10000);
        }
    });
}
});

Answer 1

我检查了 productloader2.php ，其中包含 main.js 和您在此处发布的相同代码。这将创建一个由 productloader2.php 的每次加载调用的 product 的无限循环。您最好删除 productloader2.php 中的 main.js。您可以使用 JSON 来获取产品。

product();

function product(){
    $.ajax({
        url :   "productloader2.php",
        method: "POST",
        data    :   {getProduct:1},
        success :   function(data){
            $("#get_product").html(data);
        },
        complete: function() {
            setTimeout(product, 10000000000000);
        }
    });
}

这是发生的流程图

1. products.php 第一次调用product()(并注册间隔)
2. productloader2.php 已加载
3. product() 从 productloader2.php 调用(第一次和寄存器间隔)。
4. productloader2.php 是从 2 的 productloader2.php 加载的。并再次调用product()并继续循环。

最终，页面可能会崩溃。