ajax post請求+django後臺處理

選擇行:
$(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格式
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章