傳球值模態

我想學習從PHP模態傳遞一個值，但它似乎並不工作，有在控制檯沒有錯誤。傳球值模態

這是我的一個while循環

echo' 
    <tbody> 
    <tr> 
     <td>'.$row->equipID.'</td> 
     <td>'.$row->equipType.'</td> 
     <td> 
     <a href="#editModal" class="btn btn-info btn-xs" data-id="'.$row->equipID.'" data-toggle="modal"> 
     <i class="fa fa-pencil"></i> Edit </a> 
     </td> 
    </tr> 
    </tbody>';

這就是我想從PHP傳遞值在HTML文件中的PHP

<div class="modal fade" id="editModal" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <h3 class="modal-title">Edit Truck Category</h3> 
     <div class="modal-body"> 
     <form> 
      <div class = "fetched-data"></div> 
      <input type="text" id="truck" placeholder="Truck Category *" required> 
     </form> 
     </div> 
    </div> 
    </div> 
</div>

這是我的js

<script> 
    $(document).ready(function(){ 
    $('#editModal').on('show.bs.modal', function (e) { 
     var rowid = $(e.relatedTarget).data('id'); 
     $.ajax({ 
      type : 'post', 
      url : 'fetch_record.php', //Here you will fetch records 
      data : 'rowid='+ rowid, //Pass $id 
      success : function(data){ 
      $('.fetched-data').html(data);//Show fetched data from database 
      } 
     }); 
    }); 
    }); 
</script>

非常感謝你提前。

來源

2017-07-03 Marc Christian Busante

是否打印php的輸出日誌文件或直接在瀏覽器（不使用AJAX），並驗證是否得到PHP中有效的HTML輸出代碼？ – divine

內成功執行console.log（數據），看看它是否是你所期望的。 – mkaatman

沒有價值。我也嘗試把警報（「成功」）;裏面的成功，但它不彈出，所以我不能驗證是否從PHP傳遞的數據是正確的 –

我忘了，包括

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

來源

2017-07-03 01:37:35

您可以使用負載函數來實現上述功能。我會用一個例子來描述它。請注意，我只包含了需要解釋的代碼段。

1.I我從PHP文件返回一個表（假設：文件名 - data.php）。

$table = "<table class='table table-bordered'>"; 
// Table data 
$table.="</table>"; 
echo $table;

2.Modal來顯示數據。

<div id="mymodal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      </div> 
      <div class="modal-body mymodal-body"> 
      </div> 
      <div class="modal-footer"> 
      </div> 
     </div> 
    </div> 
</div>

3.Load數據的模式身體

$('.mymodal-body').load('/data.php', function (result) { 
     $('#mymodal').modal({show: true});

我想上面的代碼樣本將幫助您獲得您的問題的想法。您可以嘗試使用加載功能。

來源

2017-07-03 06:03:01

回答

相關問題