如何使用PHP和AJAX顯示MySQL數據庫

Question

錯誤在哪裏，控制檯正在吐出後面的ID沒有定義，我想讓「url：id」根據它的id選擇一個按鈕來返回結果並顯示它在索引上的div

<script type="text/javascript"> 
    jQuery(document).ready(function ($) { 
    $('button').click(function() { 
     $(this).attr("id"); 
     switch(id) { 
      case 1: 
       id = 'Reportes/Empresas.php' 
       break; 
      case 2: 
       id = 'Reportes/Departamento.php' 
       break; 
      case 3: 
       id = 'Reportes/Empleados.php' 
       break; 
     } 
     $.ajax({ 
     type: 'GET', 
     url: id, 
     data: '', 
     datatype: 'html', 
     cache: 'false', 
     success: function(response) { 
      $('div.results').append(response); 
      alert('Load was performed.'); 
     }, 
     error: function(){ 
      alert('Nope'); 
     } 
     }); 

     alert('Fail'); 
    }); // End onclick 
    }); 
</script> 

我的同事說有三個錯誤，但現在不能幫助。

Answer 1

你從來沒有在第一時間定義id：

 $(this).attr("id"); 
      switch(id){ 
        ^^^^--undefined 

也許你的意思

id = $(this).attr('id'); 
^^^^^ 

代替。

Answer 2

確定從按鈕選擇器和屬性是真實的。用法必須是這樣的。

<button type="button" id="Reportes/Empresas.php" class="display_db_table">Show Table</button> 

$('.display_db_table').click(function() { 

}