Question

我正在尝试加载下一组数据，然后在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&limit=10有效。

我做错了什么？

Answer 1

每次单击按钮#more，将currentIndex重置为0，这样您基本上总是加载前10个注释。
删除var currentIndex = 0;并将其添加到点击事件功能

之外

Answer 2

粗略地看一眼就是问题所在：

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

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

Answer 3

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

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

ajax只能工作一次，然后点击后停止

3 个答案: