如何在jQuery .load（）脚本中使用PHP变量？

Question

我有这个带有.load()函数的jQuery脚本，这个脚本保存在名为header.php文件中：

$(document).ready(function() {
    $('.my-wrapper').find(".wrapper-area").append('<div class="loadergif"></div>').load("file001.php?key=XXXXXX", function() {
    $(this).find('.wrapper-area').remove('.loadergif');
    var $container = $('.list-wrap');

    $container.imagesLoaded( function(){
        $container.masonry({
        itemSelector : '.my-wrapper'
        });
    });
});

另一方面，我在名为body.php的文件中有此PHP变量：

while($row = mysql_fetch_array($result)){
    $Key = $row['key'];
    echo '<div class="wrapper-area">';
       //jQuery script will produce something here             
    echo '</div><!-- .wrapper-area -->';
}

现在的问题是如何使PHP文件中的$ Key成为jQuery脚本的XXXXXX部分：' file001.php?key=XXXXXX '

请注意，$ Key是从WHILE循环动态生成的。 意味着，每个循环周期具有不同的值。

之前感谢

Answer 1

在PHP中，替换以下行：

echo '<div class="wrapper-area">';

为此：

echo '<div class="wrapper-area" data-key="'.$Key.'">';

在jQuery中，替换以下行：

$('.my-wrapper').find(".wrapper-area").append('<div class="loadergif"></div>').load("file001.php?key=XXXXXX", function() {

为此：

$('.my-wrapper').find(".wrapper-area").each(function() {
   $(this).append('<div class="loadergif"></div>').load("file001.php?key"+$(this).data('key'), function() {
    ...
    ...
}); //close the each() call
}); //close document.ready()

Answer 2

您的问题不太清楚，但我认为您想将负载线更改为此-

.load("file001.php", {key:XXXXXX}, function() {

Answer 3

您可以尝试以下方法来构建包装器：

while ($row = mysql_fetch_assoc($result))
{

  echo '<div class="wrapper-area" data-key="' . $row['key'] . '">';

  // ...

}

这对于jQuery：

$(function()
{

  $('.my-wrapper').find('.wrapper_area').each(function()
  {

    $(this).append('<div class="loadergif"></div>').load('file001.php?key=' + $(this).attr('data-key'), function()
    {
      // ...
    }
    )

  }
  )

}
)