我想知道为什么AJAX一直在调用，这样就很难按下一个按钮，网站也不像这样起作用…: http://buycheapvaporizer.com/products.php
My JS file:
$(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);
}
});
}
});
我检查了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);
}
});
}
这是发生的流程图
-
products.php第一次调用product()(和寄存器间隔) -
productloader2.php已加载 -
product()从productloader2.php调用(第一次和寄存器间隔)。 -
productloader2.php是从2的productloader2.php加载的。并再次调用product()，循环继续。
最终，页面可能崩溃。
当ajax请求完成时，它执行setTimeout(product, 10000);，然后在10000ms后再次调用product函数
$(document).ready(function(){
product();
function product(){
$.ajax({
url : "productloader2.php",
method: "POST",
data : {getProduct:1},
success : function(data){
$("#get_product").html(data);
}
});
}
});