使用jQuery顯示選擇查詢結果

我對jQuery非常陌生，我正在練習它。我有這個網站簡單的頁面：使用jQuery顯示選擇查詢結果

<html> 
<head> 
    <title> Testing jQuery 
    </title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="script.js" type="text/javascript"></script> 
    <link href="mycss.css" rel="stylesheet" type="text/css"> 
</head> 

<body> 
    <h2 id="myH"> This is a title.</h2> 
    <br> 
    <br> 

    <fieldset> 
     <legend>Data</legend> 
     <form name="myForm"> 
      <input type="text" id="firstData" placeholder="Write something in here" \> 
      <br> 
      <br> 
      <input type="text" id="secondData" placeholder="Write something else in here" \> 
      <br> 
     </form> 
     <button id="formButton" value="Confirm">Confirm</button> 
    </fieldset> 
<br><br><br> 
    <div id="myDiv"></div> 
</body> 

</html>

這個PHP腳本：

<?php 

/* Connection to DB*/ 
.... CONNECTIONS STUFF......... 

$query = " SELECT * FROM table1;"; 
$results = mysql_query($query); 
echo " <table border=\"2\"><tr> <th>ID</th><th>First</th><th>Second</th></tr>"; 
while($row = mysql_fetch_array($results)) { 
    ?> 
    <tr> 
     <td> 
      <?php echo $row['ID']?> 
     </td> 
     <td> 
      <?php echo $row[ 'First']?> 
     </td> 
     <td> 
      <?php echo $row[ 'Second']?> 
     </td> 
    </tr> 
    <?php 
    } echo "</table>"; ?>

最後這個js代碼：

好了，現在我已經完全插入代碼，問題是我可以通過使用myData.php腳本向我的數據庫添加元素，但是我想創建一個頁面，在頂部您可以添加元素，並且當您點擊底部的確認按鈕（使用查詢）所有的小說顯示錶格的nts。所以我可以添加元素，但我無法顯示它們。我是jQuery的新手，我試圖讓它工作，我在Web上做了不同的研究，但是我找不到解決我的問題的任何事情。可以請別人幫我嗎？謝謝！

來源

2016-08-13 Luigi Cerone

您可以插入myData.php

$query = " SELECT * FROM table1;"; 
$results = mysql_query($query); 
echo " <table border=\"2\"><tr> <th>ID</th><th>First</th><th>Second</th></tr>"; 
while($row = mysql_fetch_array($results)) { 
    ?> 
    <tr> 
     <td> 
      <?php echo $row['ID']?> 
     </td> 
     <td> 
      <?php echo $row[ 'First']?> 
     </td> 
     <td> 
      <?php echo $row[ 'Second']?> 
     </td> 
    </tr> 
    <?php 
    } echo "</table>"; ?>

沒有需要兩個Ajax調用的紀錄之後由單個文件myData.php

把下面的代碼一舉兩得操作。刪除第二個按鈕點擊jQuery代碼。在第一個按鈕點擊事件myData.php文件將被調用。第一條記錄將與您現有的代碼一起插入到您的數據庫表中。在它放置代碼以從數據庫獲取記錄之後。您的HTML將在響應中發送，並將該HTML與您現有的jQuery代碼放在DIV中。

來源

2016-08-13 14:25:05

謝謝你！它完美的工作，所以這是兩種不同的Ajax請求之間的衝突？ –

是的，對於兩個Ajax請求，你必須使其異步錯誤。所以第一個完成後，第二個Ajax將被解僱.. –

完美！謝謝:) –

你可以使用jQuery負荷函數它，它很容易讓你 http://www.w3schools.com/jquery/jquery_ajax_load.asp

剛剛從那裏加載一個div到一個div在當前頁面

按照這個網址的視頻教程，它很簡單，使用一個div這裏然後輸入ID和正在加載的頁面，請使用其他ID和加載ID到這個頁面的div

https://www.youtube.com/watch?v=mtz8MdQXhno

它在wordpress中工作，只會在php 相同的代碼

來源

2016-08-13 15:00:37

謝謝，另一個可能的解決方案，但我已經標記了第一個已經回答！謝謝你太:) –

很酷，沒問題 –

使用jQuery顯示選擇查詢結果

回答

相關問題