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

问题描述

我在我的 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'
               }
             ]
         });
     }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

datatables-1.10 javascript