在使用ajax,php的单击同一页面上获取ID

时间:2018-09-21 10:23:26

标签: javascript php jquery ajax datatable

简介:我正在使用PHP和Ajax创建服务器端数据表库。当用户单击“编辑”按钮时,我想将该ID传输到PHP,以便以后进行更新...

我基本上是将这两篇关于堆栈溢出的文章合在一起:

Index.php

<script type="text/javascript"> 
$(document).on('click','.edit_btn',function (){
var edit_id = $(this).attr("id");
alert(edit_id);
    $.ajax({
         url: 'index.php',
      data: { edit_id : edit_id },
        contentType: 'application/json; charset=utf-8',
        success: function(result) {
              alert(result);
        }
    });
});
</script>

修改按钮代码:

columnDefs:
[
    {  
        targets: -1,
        render: function (data, type, row, meta) {
            return '<input type="button" class="delete_btn" id=n-"' + meta.row + '" value="delete"/> <input type="button" class="edit_btn" id=s-"' + meta.row + '" value="edit" name="edit_btn"> </a>';
        }
    }
]

我认为datatables库不建议使用URL中的get方法。我想念什么?谢谢。

1 个答案:

答案 0 :(得分:0)

阅读评论后,我得到了最终的解决方案:

 <script type="text/javascript"> 
    $(document).on('click','.edit_btn',function (){
          var id = $(this).attr("id").match(/\d+/)[0];
            var edit_id = $('#example').DataTable().row( id ).data();
            var edit_id = edit_id[0];
    alert(edit_id);
        $.ajax({
             url: 'index.php',
          data: { edit_id : edit_id },
            contentType: 'application/json; charset=utf-8',
            success: function(result) {
                  //alert(result);
            }
        });
    });
    </script>

感谢所有提供帮助的人!