基于layui实现动态表头所需的字段列表功能实现jquery+ajax
let table_var_width = 1920
//获取动态表头所需显⽰的字段列表
function get_var_data_cols() {
$.ajax({
type: "POST",
ContentType: 'application/json',
data: {"csrfmiddlewaretoken":$("[name = 'csrfmiddlewaretoken']").val(),"table_type": $("select[id='table_type']").val()},
dataType: "json",
async: false,
url: "/var/var_data_cols/",
success: function (data){
interface_cols =[];
interface_cols_key = {
field: 'id ',
title: '序号',
width: 0.049 * table_var_width,
sort: true,
type: 'numbers',
align: "center",
template: "#serial_number"
};
var_data_cols_list =  data.data;
for(var key in var_data_cols_list){
var cols_json = {field: var_data_cols_list[key],
title: var_data_cols_list[key],
width: 0.17 * table_var_width,
align: "center"};
interface_cols.push(cols_json);
}
interface_cols.push(interface_cols_key)#⾃定义的常规列需要单独push;
console.log(interface_cols);
},
error: function (e) {
console.log("动态表头所需显⽰的字段列表数据获取失败");
interface_cols=[]
}
});
return [interface_cols]//将对象转换为可⽤的数组
}
  上⾯这段js中需要特别注意，在循坏体中需要单独的新建⼀个变量⽤于存放数据:
var cols_json = {field: var_data_cols_list[key],jquery实现ajax
title: var_data_cols_list[key],
width: 0.17 * table_var_width,
align: "center"};