Ajax 查询 sql 并发送单行响应

Question

我认为我正在做一个经典的 ajax 脚本，对于使用过它的人来说应该相当容易。

好吧，这个想法是从 jquery ajax 调用一个页面，该页面计算并循环一些数据。我希望页面在计算出 1 行时响应 JavaScript。然后 jquery 应该为 row 填充一个 div 行。这意味着它不应等待所有行完成，而应一次只获取一行。

有道理吗？这个问题应该是众所周知的，但很抱歉我的解释不好。到目前为止我的代码：

Jquery 页面：

$(document).ready(function() {
    loadCityFriends();
});

function loadCityFriends() {
    $.ajax({
        url: 'cityfriends.php',
        success: function(data) {
            $("#cityfriends").append(data);
        }
    });
}

和 cityfriends.php （计算页面）：

foreach bla bla bla
print '{"fbid": "'.$friend["id"].'", "img": "'.$friend["picture"].'"}';

我的代码等到 cityfriends.php 完成循环，然后填充 div。

Answer 1

执行此操作的唯一方法是对 PHP 脚本进行多次独立调用，可能首先请求行数，然后按顺序请求每一行。 PHP 在完成执行之前不会返回，因此通过一次 ajax 调用，您将查看计算后返回的所有行或仅查看第一行。

像这样的事情会起作用：

PHP

function getRows()
{
   $query = mysql_query("SELECT * FROM `foo`");
   echo json_encode(array ("num_rows" => mysql_num_rows()) );
}

function returnRow()
{
    $row_id = $_POST["row_id"];
    $query = mysql_query("SELECT * FROM `foo` WHERE `id`=".$row_id);
    $row = mysql_fetch_array($query);

    echo json_encode(array ("row" => $row));
}

然后使用 ajax 首先轮询 getRows() ，然后轮询 returnRow getRows() 返回的适当行数；

显然，您需要清理输入并优化代码，但这应该是总体思路。