トラブル

Question

私のコード何らかの理由で、すべてのjQueryを実行しないように見える、私が間違っているかを把握しようと多くの時間を費やしてきたし、私の削除PHPファイルをテストしている個別

のjQueryスクリプト：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 
$.ajaxSetup({ cache: false }); 
$(document).ready(function(){ 
    $('#button').on('click', '#btn',function()) { 
     var clickBtnName = $(this).attr('name'); 
     var ajaxurl = 'http://127.0.0.1/SQLDeleteHandler.php'; 
     var data = {'id': clickBtnName}; 
     $.post(ajaxurl, data, function(response) { 
      window.location.href="http://localhost/store.php"; 
     }); 
    }); 
}); 
</script> 

PHPの：

$query = "SELECT * FROM accounts"; 

$resultset= mysqli_query($connection,$query); 

while($row = mysqli_fetch_array($resultset,MYSQLI_NUM)){ 
    echo $row[0]." ".$row[1]." ".$row[2]." ".'<input type="submit" class="btn" name="".$row[0]."" value="delete" />'; 
    echo "</br>"; 
} 

Answer 1

使用この：

$(document).ready(function(){ 
 
    $('.btn').click(function(e){ 
 
     e.preventDefault(); 
 
     alert('Button is pressed'); 
 
     var clickBtnName = $(this).attr('name'); 
 
     var ajaxurl = 'http://127.0.0.1/SQLDeleteHandler.php'; 
 
     var data = {'id': clickBtnName}; 
 
     $.post(ajaxurl, data, function(response) { 
 
      window.location.href="http://localhost/store.php"; 
 
     }); 
 
    }); 
 
});