ajax获取checkbox循环出来的值_Django:前后端异步加载数据(循环大法)

距离上一次发文过去两个月&＃xff0c;这段时间将Django&＃xff0c;Bootstrap&＃xff0c;JQuery收入囊中

开始写Django的一些笔记&＃xff0c;祭奠那掉了一地的头发

关于Django项目创建和基础介绍&＃xff0c;本篇不做介绍&＃xff0c;主要介绍前后端异步交互数据&＃xff0c;怎样提交前端的表单数据给后端&＃xff0c;并储存到数据库。

网上大部分资料都是使用JQuery通过ID选择器&＃xff0c;获取DOM元素的值组成data&＃xff0c;然后使用ajax传递。大致是这样的&＃xff1a;

在后端使用get获取ajxa传递过来的值&＃xff1a;

初期我也是使用的这种方式&＃xff0c;然而在后续需要提交大量的表单数据&＃xff0c;再使用这种方法代码就显得冗余了&＃xff0c;因此我们要学会使用循环大法。

首先在html中给所有需要提交的表单元素添加一个公共的类datas(这个名字随便写的)

在JQuery中使用类选择器$(&＃39;.datas&＃39;)找到所有的表单元素&＃xff0c;然后使用.each循环

循环体中的语句&＃xff1a;用当前DOM元素的id作为key&＃xff0c;用当前DOM元素的值作为value

data[$(this).attr("id")] &＃61; $(this).val();

简简单单一行循环&＃xff0c;搞定需要传递的data数据。

设置4个按钮的点击事件&＃xff0c;并传递execute参数

后端代码&＃xff0c;根据execute参数&＃xff0c;对数据库进行增删改

1. .dict&＃xff1a;将前端传递过来的数据转换成字典
2. .pop &＃xff1a;移出字典中不需要的元素
3. **field_dic&＃xff1a;拆包字典

循环大法用的好&＃xff0c;下班下的早