Question

这是一个购物篮（商店）脚本，我通过向下滚动使用ajax，将出现18篇新文章，并有一个“添加到购物篮”按钮，可将其添加到个人帐户中！问题是在index.php页面上存储的是通过滚动获取文章的代码，它可以完美运行：

$(document).ready(function(){
 var limit = 18;
 var start = 0;
 var action = 'inactive';
 function load_country_data(limit, start) {
  $.ajax({
   url:"include/test_fetch.php",
   method:"POST",
   data:{limit:limit, start:start},
   cache:false,
   success:function(data)
   {
    $('#load_data').append(data);
    if(data == '')
    {
     $('#load_data_message').html("<button type='button' class='btn btn-info'>No Data Found</button>");
     action = 'active';
    }
    else
    {
     $('#load_data_message').html("<img src='logo/loading-more.gif'>");
     //$('#load_data_message').html("<div style='position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: red;'></div>");
     action = "inactive";
    }
   }
  });
 }

文章出现在网站上，但按“添加到购物篮”没有反应，此问题也已修复，我已经加载了所有<scripts />和<links />，但是如果我向下滚动出现的文章可以完美地添加1倍的文章，但向下滚动并返回后，在购物篮中添加先前获取的文章，则可以增加2倍的文章！当我进入4或5次抓取后进入该页面，然后回到第一个抓取的顶部，然后按“ ADD TO BASKET”（添加到购物篮）时，它为我添加了4篇文章（同一篇文章4或5次）。每次获取脚本后，都会加载custom.js脚本，以使添加到购物篮操作成为可能，并且显然，它一键调用它的时间就是获取时间的x倍。

这是test_fetch.php文件，将在向下滚动后加载：

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/OPC080192_1/stylesheet/stylesheet.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="catalog/view/theme/OPC080192_1/stylesheet/megnor/custom.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/OPC080192_1/stylesheet/megnor/bootstrap.min.css" />
<script type="text/javascript" src="catalog/view/javascript/megnor/custom.js"></script>
<script type="text/javascript" src="catalog/view/javascript/megnor/jstree.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/megnor/jquery.custom.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/megnor/doubletaptogo.js"></script>
<script src="catalog/view/javascript/common.js" type="text/javascript"></script><link href="http://opencart.templatemela.com/OPC08/OPC080192/OPC1/index.php?route=product/category&amp;path=17" rel="canonical" />
<link href="http://opencart.templatemela.com/OPC08/OPC080192/OPC1/index.php?route=product/category&amp;path=17&amp;page=2" rel="next" />
<link href="http://opencart.templatemela.com/OPC08/OPC080192/OPC1/image/catalog/cart.png" rel="icon" />
//php add basket functions
<script src='assets/js/custom.js'></script>

<?php

// The articles and query
// ...

?>

因此，获取的数据确实可以在没有所有脚本的情况下工作，但是之前的文章通过添加x来调用相同的函数... 我的问题是如何在不使用脚本的情况下获取数据，我希望test_fetch.php使用index.php中的脚本，从该脚本中调用它们以不重复脚本！希望我说得足够清楚！

AJAX在提取后，数据加载了多个脚本

0 个答案: