基於參數的引導模態動態遠程內容

Question

嗨，我正在以引導方式顯示的彈出窗口。 我正在創建顯示在表格中的按鈕，如下所示：

<button class = "sendbt btn btn-default" href="test.php?spz='.$row['id'].'" data-target="#myModal" data-toggle="modal"><b>Test</b></button>

因此，基於$ row ['id']，表每行上按鈕的遠程內容應該有所不同-它是數據庫中的變量，並且該表是通過php echo循環創建的。 問題是我的模式彈出窗口始終根據我單擊的第一個按鈕顯示內容，然后在我關閉它后，其他行中的所有其他按鈕顯示相同的內容。 它不會根據參數進行更改。 我需要重新加載頁面，以在不同的按鈕上顯示更改的內容。 有沒有一種方法可以使這項工作正常進行，因此表格中的每個按鈕都會根據我的參數顯示適當的內容，而無需每次都重新加載頁面？

謝謝您的建議。

Answer 1

最好的方法是向按鈕添加自定義屬性，並從按鈕中刪除href屬性...用按鈕類型制作按鈕，並將動態ID關聯到在行中創建的每個按鈕，如下所示

<button type="button" class = "sendbt btn btn-default" data-id="$row['id']"><b>Test</b></button>

現在將click listener添加到button並找到它的data-id，然后發送ajax請求並使用響應更新模式內容：編寫用於將請求發送到test.php頁面的jquery

$('body').on('click','.sendbt',function(){
     var data-id = $(this).attr('data-id');
      $.ajax({
         dataType : 'html',
         'type': 'GET',
         'data' : {id:data-id},
          'url' : 'test.php',
          success : function(data){
            $('#myModal tbody-content').html(data);
             $('#myModal').modal('show');
},
          error : function(){
       console.log("There is an Error ....!")
}

});
});

在您的Test.php中

    if(isset($_REQUEST['id'])){
   $query = mysql_query("select * from table_name where id=".$_REQUEST['id']);
$row = mysql_fetch_array($query);
$content = $row['your_attribute'];
echo $content;
}

它將顯示有關您在每個請求中發送的ID的相關內容