javascript - 单击按钮时调用 AJAX 不起作用

Question

我正在从 AJAX 调用 API，

当我像这样调用 AJAX 时，

$(function (){

    $.ajax({
       type:'GET',
       url :"/tournament",
       dataType: 'json',
       success: function(data) {
           console.log('success',data);
       },
       error:function(exception){
           alert('Exception:'+exception);
       }   
   });

});

这工作正常，没有任何错误，但是当我使用它时..

$('#btnadad').on('click',function (){

   alert("ok");
   $.ajax({
   type:'GET',
   dataType: 'json',
   url :"/tournament",
   success: function(data) {
        console.log('success',data);

   },
   error:function(exception){
      alert('Exception:'+exception);
   }
}); 
});

此弹出“错误”警报， 谁能帮我看看错误是什么？

HTML 正文是这样的，

<form>
<h2>
    <font color="#FFFFFF">
    <br><br><input type="text" name="name" placeholder ="Tournament Name"><br>
    <table>
        <?PHP
        //print_r($teams);

        for ($i = 0; $i < $count; $i++) {
            ?>
            <tr>
                <td><input type="checkbox" name=<?php echo $taemId[$i] ?></td>
                <td><?php echo $teamname[$i] ?></td>
            </tr>
            <?php
        }
        ?>

    </table>
    <button id="btnadad">ADD</button>

</form>

<script src ="/js/myjs.js"></script>

这里我调用一个 API 并动态显示复选框。

我正在检查控制台...当我单击按钮时，会弹出警报框，并且在网络选项卡中锦标赛路径的状态已取消。当我单击它以查看响应时，它显示无法加载响应数据.

我尝试在标签中的同一个 html 文件中调用此函数，但它也不起作用。

<script>
function getOnClick()
{
    alert("ok");
    $.ajax({
        type: 'GET',
        url: "http://harshal:8888/tournament",
        success: function(data) {
            alert("no error in alert");
            console.log('success', data);

        },
        error: function() {
            alert("error in alert");
        }
    });
}

并在按钮的 onclick 事件上调用它，它也给了我相同的结果

Answer 1

感谢 friend 的帮助，您的努力对我来说很重要，我很高兴告诉您，我刚刚找到了答案，下面的代码使它发生了..

$('#btnadad').on('click',function (e){       
   alert("ok");
   $.ajax({
   type:'GET',
   url :"/tournament",
   dataType: 'json',
   success: function(data) {
        console.log('success',data);

   },
   error:function(exception){alert('Exeption:'+exception);}
}); 
 e.preventDefault();
});