如何將PHP變量用於jQuery .load（）腳本？

Question

我有​​功能這個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變成XXXXXX部分的jQuery腳本：'file001.php?key=XXXXXX'

請注意$ Key是從WH動態生成的ILE循環。意味着，每個循環週期都有不同的值。

感謝之前

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() 
    { 
     // ... 
    } 
    ) 

    } 
) 

} 
)