选择行: $(document).ready(function() { var table = $('#table_id_example').DataTable(); //定义一个表格示例变量 $('#table_id_example tbody').on( 'click', 'tr', function () { //选中表格,tbody标签。在每一行上的tr行上绑定一个点击事件click. if ( $(this).hasClass('selected') ) { //如果鼠标点击这个行,那么在这个tr标签中搜索selected属性,如果tr行有selected属性那么。 $(this).removeClass('selected'); //如果这个行有selected属性,那么将此属性删除。 } else { table.$('tr.selected').removeClass('selected'); //如果被选中的行本身没有selected属性。那么删除整个表格中带有selected属性的行,将selected属性删除。 $(this).addClass('selected'); //然后给当前鼠标点击的行tr标签天津一个标签属性selected。 } } ); //删除行 $('#del').click(function () { if (table.rows('.selected').data().length) { //查找这个表格的行中具有selected属性的行。获取改行的数据的length长度。如果不为0.那么 $("#modaldel").modal() //只需对id=modaldel的模态框执行显示操作。 } else { alert('请选择项目');//如果他没有数据说明没有选中提示没有选中 } }); $('#delete').click(function () { //上面ok后给这个模态框中的确认按钮属性id=delete的添加一个动作。 //table.row('.selected').remove().draw(false); //多这个表格带有selected属性的行进行删除。并且draw刷新表格。 //通过ajax将其传值实现删除 var data ={username:'wangyunlong',Ip:'8.8.8.8'}; $.ajax({ url : "/deltable/", //data : {'students':JSON.stringify(list)}, data : JSON.stringify(data), type:"post", contentType:'application/json',//传到后台的数据必须是json格式 dataType : "json", //后台返回的数据必须是json格式 success : function(data) { console.log('ajax删除数据请求:',data.status); }, error : function(data) { console.log('ajax删除数据请求:Error'); }, }); })
url 配置: path('deltable/',views.deltable,name='deltable'),
def deltable(request): import json content={ 'status':'Success', 'mesg':'服务器返回的数据', } if request.method =='POST': data=request.body #数据在body里面 json_data=json.loads(data) #解析json格式的数据 print("所有数据:",json_data) username=json_data.get("username")#获取key为username的值 Ip = json_data.get("Ip") #获取key为ip的值 print('前端POST请求到达上传值为:%s,%s'%(username,Ip)); return HttpResponse(json.dumps(content)) #将返回的字典转换为json格式