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

当ajax请求完成时，它执行setTimeout(product, 10000);然后在10000ms后再次调用产品功能。

Answer 2

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

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

Answer 3

我检查productloader2.php具有main.js和相同的代码，你已经张贴在这里。这将创建一个无限循环product被每个负载productloader2.php调用。您最好在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从productloader2.php加载。并再次调用product()并继续循环。

最终，页面可能会崩溃。