django 如何接收bootstrap-table传送的 ajax数组

今天在用django传递id的时候,使用 alert(ids)以及console.log("id:",ids),都可以看到是把选中的数据的id打印出来的,用console.log可以看到他是一个数组显示

$(function () {$button.click(function () {var ids = $.map($table.bootstrapTable('getSelections'), function (row) {return row.id;});alert(ids)console.log("id:",ids)$.ajax({url:"{{ request.path }}",
            type:'POST',dataType: 'json',data:{'id':ids,'action':'batch_delete'},success: function(callback){console.log(callback);},error: function(){alert("fail")}})$table.bootstrapTable('remove', {field: 'id',values: ids});});
});

但是在后端的django却没有任何的显示，这个到底是怎么一回事情呢

    if request.is_ajax() and request.method == 'POST':print("ids",request.POST.getlist("id"))print("action", request.POST.get("action"))

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

解决方案在js代码中加入traditional:true 就可以传递数组了

$(function () {$button.click(function () {var ids = $.map($table.bootstrapTable('getSelections'), function (row) {return row.id;});alert(ids)console.log("id:",ids)$.ajax({url:"{{ request.path }}", traditional:true,    //加上此项可以传数组,传递数组必须要加，否则数组无法传递到后端type:'POST',dataType: 'json',data:{'id':ids,'action':'batch_delete'},success: function(callback){console.log(callback);},error: function(){alert("fail")}})$table.bootstrapTable('remove', {field: 'id',values: ids});});
});

在后台我们看到现在的ids是能够传递过来了

转载于:https://www.cnblogs.com/qinhan/p/9116989.html

django 如何接收bootstrap-table传送的 ajax数组相关推荐

django：bootstrap table加载django返回的数据
bootstrap table加载表格数据有两类方式: 一种通过data属性的方式配置,一种是javascipt方式配置这里看js配置方式: 1.当数据源为.json文件时 url参数写上json文 ...
bootstrap table通过ajax获取后台数据展示在table
1. 背景 bootstrap table 默认向后台发送语法的dataType为 json,但是为了解决跨域问题我们需要将dataType改为jsonp,这时就需要修改bootstrap table ...
java导出Excel(POI模式 Ajax下载 Post传参) bootstrap table getVisibleColumns获取显示的列
工具类 (正式使用) package com.qyj.utils;import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson. ...
Django:bootstrap table自定义查询实现
参考:https://jalena.bcsytv.com/archives/tag/bootstrap 背景: bootstrap table在客户端分页方式下,自带有简易的搜索功能,但是功能太单一, ...
bootstrapr表格父子框_JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】...
Bootstrap Table是轻量级的和功能丰富的以表格的形式显示的数据,支持单选,复选框,排序,分页,显示/隐藏列,固定标题滚动表,响应式设计,Ajax加载JSON数据,点击排序的列,卡片视图等. ...
bootstrap table 动态列数据加载（一）
bootstrap table 动态列数据加载(一) 我想把所有的收费项目作为表头,不固定死收费项目,数据库中有啥就显示啥. 动态数据加载时,不能用bean的嵌套,源码中加载表头和数据是分开的,第几列 ...
bootstrap table php,Bootstrap Table使用方法详解
bootstrap-table使用总结 bootstrap-table是在bootstrap-table的基础上写出来的,专门用于显示数据的表格插件.而bootstrap是来自 Twitter,是目前 ...
使用bootstrap table和SpringBoot，mysql实现后台管理数据表格的后端分页
最近在做后台管理系统,在数据表格展示选择dataTable和bootstrap table上浪费了很多时间,刚开始使用dataTable,但是后面发现使用ajax异步请求填充表格数据十分复杂,于是转向 ...
bootstraptable 汇总_JS组件系列——表格组件神器：bootstrap table
前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能 ...

django 如何接收bootstrap-table传送的 ajax数组

django 如何接收bootstrap-table传送的 ajax数组相关推荐

最新文章

热门文章