如何使用jQuery和PHP在giphy api中获得无限滚动？

<div id="giphy-container"></div>

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       loadMoreData();
   }
});

function loadMoreData() {
   var offset = $('.giphy-image').length; // 获取已加载图像的数量
   var limit = 10; // 每次加载的图像数量
   var apiKey = 'YOUR_GIPHY_API_KEY'; // 替换为你的Giphy API密钥

   $.ajax({
       url: 'get_giphy_data.php',
       type: 'POST',
       data: {offset: offset, limit: limit, apiKey: apiKey},
       success: function(response) {
           $('#giphy-container').append(response);
       }
   });
}

<?php
$offset = $_POST['offset'];
$limit = $_POST['limit'];
$apiKey = $_POST['apiKey'];

$url = "https://api.giphy.com/v1/gifs/trending?api_key=$apiKey&offset=$offset&limit=$limit";

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$response = curl_exec($ch);
curl_close($ch);

echo $response;
?>