解决ajaxSubmit无法传递自动回填和下拉框的数据

前言：
前段时间遇到个问题：那就是我使用ajaxSubmit时，明明控制台拿到数据了，但后台却没有拿到数据，导致我那条数据虽然新增成功，但是那条数据的自动回填和下拉框的却没有数据，其它的确有。后面又换成了post请求后，那条数据的自动回填和下拉框的却有数据。搞到这里我就很奇怪为啥ajaxSubmit会拿不到数据且我着实不想写post请求(因为post请求新增和修改不能共用一个模态框，所以就去研究了一下)。

上图中的模态框中有类别编号，这个值是自动回填的，还有着需要服务生服务的下拉框，虽然我这里的下拉框是前端页面写的数据，但是其实这两个字段不能拿到数据都是同一个问题。当我新增的时候，后台拿到的数据就只有这么一点：

从上图中我们可以看到只拿到俩个值(commoditycategoryid是新增这个条数据的主键，不管你是否新增成功，你都看不到这个数据)，可以看到后台只拿到commoditycategory(商品类别),needartificialservice(需要服务生服务，因为我这里是前端页面写进去的数据，所以能拿到，如果是从数据库中写进去的数据的，也无需慌张，因为都是一样的解决方法)两条数据，还差categorynumber(类别编号)，既然已经找到问题所在，那么我们怎么解决ajaxSubmit传递不到后台的问题，其实ajaxSubmit有另一个传递参数的方法，那就是data，不过data最好只写传递不过去的参数，因为ajaxSubmit本身就能传递参数，你写data又全部传一次的话，那就会出现重复传参。下面将我解决的代码给大家参考：

 //保存数据function saveCommoditycategory(){//获取页面数据var commoditycategoryid = $("#formCommoditycategory [name='commoditycategoryid']").val();//主键idvar categorynumber = $("#formCommoditycategory [name='categorynumber']").val();//类别编号var commoditycategory = $("#formCommoditycategory [name='commoditycategory']").val();//商品类别//数据库中的0--->false--->不需要//数据库中的1--->true --->需要var needartificialservice = $("#DDCCneedartificialservice").val();//是否需要服务生服务//数据完整性验证if (strValIsNotNull(categorynumber) && strValIsNotNull(commoditycategory) && (needartificialservice == 1 || needartificialservice == 0)) {//打开加载层var layIndex = layer.load()//提交表单//ajaxSubmit()提交表单:我们直接通过form提交的话,提交后当前页面跳转到form的action所指向的页面。//然而，很多时候我们并不希望提交表单后页面跳转，那么，我们就可以使用ajaxSubmit(obj)来提交数据//ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件$("#formCommoditycategory").ajaxSubmit({data:{'categorynumber':categorynumber,},success:function (data) {//关闭加载层layer.close(layIndex);//录入成功if (data.state) {//关闭模态框$("#modCommoditycategory").modal("hide");//提示信息layer.msg(data.text, { icon: 1, title: "\u63d0\u793a" });//刷新表格CommoditycategoryQuery();}else {layer.alert(data.text, { icon: 0, title: "\u63d0\u793a" });//清空表单$("#formCommoditycategory").resetForm();}}});}else {layer.alert("\u8bf7\u586b\u5199\u5b8c\u6574\u6570\u636e\u4fe1\u606f!", { icon: 0, title: "\u63d0\u793a" });}}

可以看到我这里data只写了categorynumber，data里最好只写无法传过去的参数，如果你的下拉框也传不过，也可以写进data里。最后再看一下后台能不能拿到参数：

解决ajaxSubmit无法传递自动回填和下拉框的数据相关推荐

python爬取下拉列表数据_Python+selenium之获取文本值和下拉框选择数据
Python+selenium之获取文本值和下拉框选择数据一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...
通过触发绑定切换下拉框的数据
通过触发绑定切换下拉框的数据 -------------------------------------- 开发工具与关键技术:Visual Studio 2015 C# 作者:林敏静撰写时间:20 ...
解决POI的SXSSFSheet 创建excel下拉框，下拉框内容过多时不显示的问题
1. 复现 :使用POI导出带下拉框的excel文件,如果下拉框内容过多,下拉框变为了空 2. 解决思路 : 导出时创建隐藏的sheet,下拉框的取值从隐藏的sheet中获取,下拉框显示正常 3. 记 ...
html让下拉框自动选择,html下拉框设置连接 html怎么设置下拉列表必须选择
html下拉框怎么设置默认值设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...
laytpl与下拉框渲染数据，实现带输入功能的表格
*.成型图 1.laytpl模板 html: <div class="twoStep" style="display: none"><tabl ...
ExcelJS 导入导出excel带下拉框筛选数据
import ExcelJS from "exceljs"; 配上文档地址下载方法 //数据格式 deviceJson:{ 't(数据类型)':[{value:0 ...
layui 数据表格下拉框_LayUi数据表格中嵌套下拉框
layui嵌套下拉框实用方法(附效果图) 在做项目时遇到一个问题,在layui 的数据表格table里面如何做一个下拉框呢?效果图如下: 这样的效果想必是最理想的了思路分析: 我们可以通过layui ...
easyui combo自动高度（下拉框空白问题）
设置.combo-panel {max-height:200px;} 在用到easyui-combobox时,设置panelHeight:'auto' 转载于:https://www.cnblogs. ...
php点击下拉框触发数据汇总,easyUI下拉列表点击事件使用方法
本文实例为大家分享了使用easyUI下拉列表点击事件的方法,供大家参考,具体内容如下可以通过input 和select来创建下拉列表其中select的创建如下: 通过json来创建js数组 [{ ...
Excel导出表格时，下拉框数据长度超过255出现的问题及解决办法
文章目录 1.直接添加下拉框,数据量过多会有问题 2.使用隐藏sheet的方式实现 3.多选下拉框 4.参考: 1.直接添加下拉框,数据量过多会有问题 /*** 创建下拉列表选项(单元格下拉框数据小于 ...

解决ajaxSubmit无法传递自动回填和下拉框的数据

解决ajaxSubmit无法传递自动回填和下拉框的数据相关推荐

最新文章

热门文章