jquery批量获取form表单要提交的值

5 篇文章 0 订阅
4 篇文章 0 订阅

两种方法:

第一种、

定义一个json数组,把所有的from表单的input的id和我们后台的数据库字段一致,如下代码

html部分

 <div class="form-group" style="margin-top: 0px">
                            <label for="inputEmail41" class="col-sm-2 control-label">上牌时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputEmail41" placeholder="上牌时间">
                            </div>
                        </div>
                        <div class="form-group" style="margin-top: 70px">
                            <label for="inputEmail51" class="col-sm-2 control-label">厂商名称</label>
                            <div class="col-sm-10">
                                <input type="email" class="form-control" id="inputEmail51" placeholder="厂商名称">
                            </div>
                        </div>
                        <div class="form-group" style="margin-top: 120px">
                            <label for="inputEmail61" class="col-sm-2 control-label">货箱尺寸</label>
                            <div class="col-sm-10">
                                <input type="email" class="form-control" id="inputEmail61" placeholder="货箱尺寸">
                            </div>
                        </div>

js代码

 var data = {
                        owner_id:'',        
                        car_model:'',
                        hanging_date:'',
                        date_of_payment:'',
                        car_purchase_time:'',
                        profits_from_sales:'',
                        brand_model:'',
                        car_color:'',
                        engine_model:'',
                        purchase_tax:'',
                        operation_type:'',
                        driving_date:'',
                        licence_date:'',
                        file_number:'',
                        vehicle_type:'',
                        partner:'',
                        last_time:'',
                        car_purchase_price:'',
                        upper_fee:'',
                        frame_number:'',
                        engine_number:'',
                        purchase_no:'',
                        tonnage:'',
                        operating_number:'',
                        expiry_date:'',
                        certificate_issue_date:'',
                        maturity_date:'',
                        plate_number:'',
                        plate_top:'',
                        engine_number:'',
                        purchase_number:'',

                     }
                     for(var key in data){
                        data[key] = $('#'+key).val(); 
                    }

这时候我们获取的data就是我们要的ajax的data了

 ajaxfun("/admin/cheliangdangan/save",'post',data,"/admin/cheliangdangan/index");

第二种,

将form表单里面所包裹的input的name改为字段名

alert($("form").serialize());

$("#generate").click(function(){ $.ajax({ url:"organization/generateAuthCode", //你的路由地址 type:"post", dataType:"json", data:$("form").serialize(),, timeout:30000, success:function(data){ $("#description").value(data); }, error:function(){ console.log(data); } }); });

具体参考:有什么疑问请在下面留言

https://blog.csdn.net/qyl_0316/article/details/81007546

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值