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