顯示PHP數據

我有一個基本的家譜網站都有每個人如下：顯示PHP數據

<a href="extract.php?id=John Dice" class="md-trigger" data-modal="modal-3" id ="Mohammed Ishaq Sharief">John Dice</a>

的extract.php是一個基本的PHP腳本，從href標籤採用id並提取個人信息來自數據庫。現在php腳本以普通的方式顯示數據（白色背景和純黑色文本）。如果你仔細看作爲在「`HREF」標記它，如下所示應該顯示其編碼一個模式：

<div class="md-modal md-effect-1" id="modal-3"> 
    <div class="md-content"> 
     <h3>Person Information</h3> 
     <div> 
      <ul> 
       <li><strong>Name:</strong> John Dice.</li> 
       <li><strong>DOB:</strong> 28th July 1995.</li> 
       <li><strong>BirthPlace:</strong> Chicago.</li> 
       <li><strong>Occupation:</strong> Student.</li> 
       <li><strong>About:</strong> Information.</li> 
       <li><strong>Contact:</strong> Contact stuff.</li> 
      </ul> 
      <button class="md-close">Close </button> 
     </div> 
    </div> 
</div>

現在我已經值硬編碼，但我想我從php提取到的數據在同一頁面上顯示在此模式中。我已經經歷了一些問題，並且知道一旦頁面被加載，一個模式就會被加載，但它是隱藏的，並且是通過Ajax和Javascript傳遞任何數據的唯一方法，我不知道這些數據。任何幫助，將不勝感激。

注意：這不是一個學術項目，我也不會上傳到服務器上。

來源

2014-07-10 Beginner

那究竟是什麼呢？ – HTTP

自我教育和是家庭記錄的數字化 – Beginner

可以通過爲結果創建頁面

result.php單獨的結果：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title>Remote file for Bootstrap Modal</title> 
</head> 
<body> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Modal title</h4> 
     </div> 
      <!-- /modal-header --> 
     <div class="modal-body"> 

       <?php 
        ///fetch from DB 
        $id = $_GET['id']; //to test it works with php GET 

       ?> 

      <!--put the result from DB here---> 

      <ul> 
      <li><strong>Name:</strong><?php echo $id;?> John Dice.</li> 

       <!--put the result from DB here---> 

       <ul> 
       <li><strong>Name:</strong> John Dice.</li> 
       <li><strong>DOB:</strong> 28th July 1995.</li> 
       <li><strong>BirthPlace:</strong> Chicago.</li> 
       <li><strong>Occupation:</strong> Student.</li> 
       <li><strong>About:</strong> Information.</li> 
       <li><strong>Contact:</strong> Contact stuff.</li> 
      </ul> 

     </div> 
      <!-- /modal-body --> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
      <!-- /modal-footer --> 
</body> 
</html>

而且你的模態觸發

<!DOCTYPE html> 
    <html> 
    <head> 
     <link href="bootstrap.css" rel="stylesheet"> 
     <script src="jquery-1.10.2.min.js"></script> 
     <script src="bootstrap.js"></script> 
    </head> 

    <a data-toggle="modal" class="btn btn-info" href="result.php?id=123" data-target="#myModal">Click me !</a> 

<!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria- labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     </div><!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 
<!-- /.modal --> 
    </body> 
</html>

來源

2014-07-10 05:11:46 ngakak

你的問題是廣泛的，我不知道如何開始。但是，首先，如果您不會在運行php apache和mysql的服務器上進行上傳，則無法運行此操作。其次，如果您不知道如何使用php/mysql操作服務器中的數據，我建議您從here瞭解它。

第三，如果你想學習ajax和引導程序，似乎是使用everybody's friend搜索的。

我建議你使用jquery的ajax的一部分，因爲你不能使用自舉模式沒有jQuery的包含，所以佔據了優勢，以一個像，

$('your-button').on('click', function() { 
    //send your .post request here similar to ajax request 
    $.post('request.php', { id: 'the value of id that was clicked', function(data) { 
     $('.modal-body').html(data); 
     $('your modal selector').modal(); 
    }); 
});

在你request.php，進行查詢該過濾傳遞id這是點擊，併爲這是你已經寫了數據的無序列表。\

希望它能幫助:)

來源

2014-07-10 05:33:31 HTTP

哦，我有瓦特服務器，我用它的PHP腳本。只是，我不會將其部署到Web服務器 – Beginner

我不認爲你真的理解我的問題。你已經給了我已經擁有的所有東西的答案。我只是想解析'php'的東西進入模式。我不操縱數據庫中的數據，它的基本提取和顯示。我正在尋求解決方案sans Ajax，如果沒有辦法只用php來完成，那麼生病就會發生在Ajax上 – Beginner

可以試試這個？

HTML：

<a class="ajax_modal" href="modal.php?data=ini datanya">Open Modal</a>

的jQuery：

modal.php

<?php 
$data = $_GET["data"]; 
?> 

<div id="custom-content" class="modal-block modal-block-md"> 
    <section class="panel"> 
    <header class="panel-heading bg-primary"><h2 class="panel-title" style="color: #ffffff;"><span class="fa fa-info-circle fa-lg"></span>&nbsp;&nbsp;Modal Header</h2></header> 
    <div class="panel-body"> 
     <div class="row"> 
     <div class="col-md-12"> 
      Data diterima : '<strong><?php print $data; ?></strong>' 
     </div> 
     </div> 
    </div> 
    <footer class="panel-footer bg-default" style="padding: 10px;"> 
     <div class="row"> 
     <div class="col-md-12 text-right"> 
      <div class="col-xs-8" align="left"><strong>Modul information</strong></div> 
      <div class="col-xs-4" align="right"><button type="button" class="btn btn-sm btn-primary modal-dismiss"><strong>Close</strong></button></div> 
     </div> 
     </div> 
    </footer> 
    </section> 
</div>

希望這有助於。

來源

2016-01-28 19:37:19 aelan

回答

相關問題