2017-09-27 35 views
0

我通過傳遞URL中的ID,並使用它的ID相匹配的URL和顯示結果選擇數據,並且無需加載(PHP/AJAX)

但我想select語句獲取用戶數據的同一頁面上顯示這通過使用ajax。請幫我

<div id="show_data"> 
    <?php 
     $id=$_GET['id']; 
     $category=$_GET['category']; 

     if ($category==Hosted) { 
      $result = $wpdb->get_results ("SELECT * FROM wp_user_host WHERE user_id=$id"); 
      foreach ($result as $print){ 
    ?> 
      <table> 
       <tr> 
       <td>Name: <?php echo $print->drive_name;?</td> 
       <td>Date: <?php echo $print->drive_date;?</td> 
       </tr> 
      </table> 
    <?php 
      } 
     } 
    ?> 

</div> 

<a href="page.php?id=2&category=Hosted:>VIEW DATA</a> 
+0

如果想要ajax調用請訪問[this](https://www.w3schools.com/xml/xml_http.asp) –

+0

如果你可以幫我用我的代碼而不是給一些鏈接,那麼它會很好。 –

+0

請求。添加一些關於你迄今爲止嘗試過的信息。 https://stackoverflow.com/help/how-to-ask –

回答

0

可以說我有一個索引文件一樣遵循

<html> 
<head> 
    <title>TODO supply a title</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
<body> 
    <div>TODO write content</div> 
    <button id="testDom">click to load dom</button> 
    <p id="domOutput"></p> 
    <script> 
     document.getElementById("testDom").addEventListener('click', function(){ 
      loadAjax(); 
     }); 

     function loadAjax(){ 
      var xmlHttp = new XMLHttpRequest(); 
      var requestUrl = 'test.php'; 
      xmlHttp.onreadystatechange = function(){ 
       if(this.readyState == 4 && (this.status > 200 || this.status < 300)){ 
        console.log("ok"); 
        document.getElementById("domOutput").innerHTML = xmlHttp.responseText; 
       } 
      } 
      xmlHttp.open('GET', requestUrl); 
      xmlHttp.send(); 
     } 
    </script> 
</body> 

讓說,如果u點擊名爲php的文件所做的按鈕Ajax調用test.php

<?php 
echo "php file loaded"; 

輸出將打印在index.html的p標籤上。

相關問題