单击数据表中的行按钮后如何防止页面刷新？

Question

我在我的 ASP MVC Net Core 项目中使用了 DataTables 1.10.22 (Bootstrap)，如何在我的数据表中的行按钮被点击后防止页面刷新？

=== JS 片段代码 ===

@section PageScripts {

<script type="text/javascript">

 $('#datagrid').on('click', '.Mybtn', function () {
     alert('button clicked');   ---> page refreshing after this, why
 });

 $(document).ready(function () {

        $.ajax({
            type: "GET",
            url: "/test/testAsync/",
            data: param = "",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: successFunc,
            error: errorFunc
        });

    function successFunc(data, status) {
        $('#datagrid').DataTable({
            searching: false, paging: false, info: false,
            data: data.filter(function (item) {
                 return item.selected == true;
            }),
            'select': {
                'style': 'multi'
            },
            columns: [
               { data: 'agent_code', className: 'align-middle' },
               {
                 "data": null,
                 "defaultContent": "<button class='Mybtn'>Click me</button>",
                 "className": 'text-center align-middle'
               }
             ]
         });
     }