Javascript 单击事件的jQuery脚本出现问题

由于某种原因，我的代码似乎根本没有运行jQuery，我花了很多时间试图找出问题所在，并分别测试了delete-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:

使用以下命令：

$document.readyfunction{ $'.btn'。单击函数E{ e、 防止违约； 警报“按钮按下”； var clickbtname=$this.attr'name'； var ajaxurl=http://127.0.0.1/SQLDeleteHandler.php'; 变量数据={'id'：单击btname}； $.URL、数据、函数响应{ window.location.href=http://localhost/store.php; }; };

---

};consoleAdditional in函数中是否有任何错误，您必须在浏览器控制台中获得错误，并且应该是“.btn”此处的附加引号name=。$row[0]。控制台中显示了什么？Ajax是否正在调用？我不相信Ajax是在控制台中调用的，它只是说导航到了？嗯，很奇怪，它似乎仍然不起作用，我点击按钮，甚至没有收到警报

$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>";
}