選擇行: $(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格式