AJAX保持令人耳目一新的内容,使我的按钮无用

时间:2016-11-08 07:53:21

标签: javascript php jquery ajax

我想知道为什么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);
        }
    });
}
});

3 个答案:

答案 0 :(得分:1)

我查看了productloader2.php,其main.js和您在此处发布的代码相同。这将创建product的每个负载调用productloader2.php的无限循环。您最好删除main.js中的productloader2.php。您可以使用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()并继续循环。
  5. 最终,该页面可能会崩溃。

答案 1 :(得分:0)

当ajax请求完成时,它会执行setTimeout(product, 10000);,然后在10000ms后再次调用product函数。

答案 2 :(得分:0)

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

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