私はajax＆jsを使用して私の情報を撤回しています。何が悪いのか分かりません

Question

私はクロムの拡張子（freshment）で作業していて、少し問題があります。
ボタンがあり、ボタンをクリックすると、自分の拡張機能ページのデータベースから自分の情報が表示されます。

HTML：

<button class="button" id="show" style="vertical-align:middle" onclick="myAjax()"><span>Show my purchaes</span></button> 
<div id="showhere"> 
    //this is where i want to show the info 
</div> 

Javaスクリプト：は

$(document).ready(function(){ 
    function myAjax() { 
     $.ajax({ 
      url:"http://127.0.0.1/show.php", 
      data:{ action:'showhere' }, 
      method:"POST", 
      success:function(data) { 
       ('#showhere').html(data); 
      } 
     }); 
    } 
}); 

PHP：私はそれが何をしたいのか

<?php 
    if($_POST['action'] == 'showhere') { 
     $servername = "localhost"; 
     $username = "root"; 
     $password = "********"; 
     $dbname = "test"; 

     // Create connection 
     $conn = new mysqli($servername, $username, $password, $dbname); 
     // Check connection 
     if ($conn->connect_error) { 
      die("Connection failed: " . $conn->connect_error); 
     } 

     $sql = "SELECT ProductName, Amount, Date, WebStore FROM budget"; 
     $result = $conn->query($sql); 


     if ($result->num_rows > 0) { 
      echo "<table><tr><th>ID</th><th>Name</th></tr>"; 
      // output data of each row 
      while($row = $result->fetch_assoc()) { 
       echo "<tr><td>".$row["ProductName"]."</td><td>".$row["Amount"]."</td><td>".$row["Date"]."</td><td>".$row["WebStore"]."</td></tr>"; 
      } 
      echo "</table>"; 
     } else { 
      echo "0 results"; 
     } 

     $conn->close(); 
    } 
?> 

は、pですrettyシンプル：ボタンがあり、下に「showhere」と呼ばれるdivがあります。このdivではmysqlの情報を取得して書きたいと思っています。 あなたの書き込み私は正確な問題を書いていない、問題はボタンが何もしないことです。

agian、thx！

Answer 1

私はあなたがそれをこのように設定をお勧め：

$(document).ready(function() { 
 
    $('#show').on('click', function(e) { 
 
    e.preventDefault(); 
 
    $.ajax({ 
 
     url: "http://127.0.0.1/show.php", 
 
     data: { 
 
     action: 'showhere' 
 
     }, 
 
     method: "POST", 
 
     success: function(data) { 
 
     ('#showhere').html(data); 
 
     } 
 
    }); 
 
    }); 
 
});