ajax只工作一次，然后在单击后停止 - ajax only works once then stops after click

ajax only works once then stops after click

本文关键字：然后单击一次工作 ajax | 更新日期: 2023-09-27

我正在尝试加载下一组数据，然后在ajax调用后删除数据。但我只让ajax工作过一次。点击"获取更多报价"后，什么也没发生。

网站：http://kdevs.site40.net/#more（点击获取更多报价）

Ajax：

 function getQuotes(start, limit) {
            //Clear the recent list element
            $(".recent-list").html("");
            $.ajax({
              url: "quotes.php?start=" + start + "&limit=" + limit,
              success: function (data) {
                ata = jQuery.parseJSON(data);
                console.log("success");
                //Data should now be a javascript array of objects.
                for (i = 0; i < data.length; i++) {
                  var newElem = jQuery("<li></li>").attr('id', data[i].id).addClass('quote-wrap-group');
                  newElem.append("<div class='quote'><p>" + data[i].quote + "</p></div>");
                  $(".recent-list").append(newElem);
                }
              }
            });
          }
               $("#more").click(function () {
                 var currentIndex = 0;  
                 getQuotes(currentIndex = currentIndex + 10, 10);
                 currentIndex += 10;
               });

PHP返回json:

<?php
    require("inc/connect.php");
    $start = $_GET['start'];
    $limit = $_GET['limit'];
    $sql = "SELECT * FROM entries ORDER BY id DESC LIMIT ".$start.", ".$limit;
    $result = mysql_query($sql, $link) or die("Error in query: ".mysql_error());
    $data = array(); 
    while($row = mysql_fetch_array($result)) {
        array_push($data, $row);
    }
    echo(json_encode($data));
?>

我知道这不是PHP，因为：http://kdevs.site40.net/quotes.php?start=0&限制=10个工作。

我做错了什么？

每次单击#more按钮时，都会将currentIndex重置为0，因此基本上总是加载前10条注释
删除var currentIndex = 0;并将其添加到点击事件函数之外

粗略地看一眼就表明问题出在这里：

$("#more").click(function () {
    var currentIndex = 0;  
    getQuotes(currentIndex = currentIndex + 10, 10);
    currentIndex += 10;
});

每次单击#more时，当前索引都会重置为0；在点击处理程序之外声明currentIndex，不要重置它。

将currentIndex初始化从点击处理程序中移出，您将添加两次，更改为：

var currentIndex = 0;
var count = 20;
$("#more").click(function () {
    getQuotes(currentIndex, count);
    currentIndex += count;
});