一个表单同时保存多条记录(通过ajax保存)

        例如上图显示的是一个商品列表,每个列表有两个输入框,可以单个保存,也有批量保存数据。批量保存时,可以通过勾选按钮获取需要保存的对象。

        js代码如下(需要引用jquery.json.min.js):

var productArray = new Array();
// 校验数据
for(var i = 0;i < ch_goods.length;i++){
    if($(ch_goods[i]).prop("checked")){
    var goods_id = $(ch_goods[i]).val();
     var goods_info_stock = $(ch_goods[i]).parent("td").parent("tr").find("#goods_info_stock").find("input").val();
    var manufacture_time = $(ch_goods[i]).parent("td").parent("tr").find("#manufacture_time").find("input").val();    

    productArray.push({goodsId: goods_id, manufactureTime: manufacture_time, goodsInfoStock: goods_info_stock});
}
}
// 批量保存数据
$.ajax({
               url: "batchSaveThirdGoodStorage.htm",
               type: "POST",
               contentType : 'application/json;charset=utf-8', //设置请求头信息
               dataType:"json",
                //data: JSON.stringify(productArray),    //将Json对象序列化成Json字符串,JSON.stringify()原生态方法
                data: $.toJSON(productArray),  //将Json对象序列化成Json字符串,toJSON()需要引用jquery.json.min.js
                success: function(data){
                       if(data){
                    window.location.reload();
                }else{
                    $(".error_title").html("入库失败,请重新操作!");
                    $("#error-tip").modal('show');
                }
                 },
                 error: function(res){
                      $(".show_title").text("入库失败,请重新操作!");
                      $("#select-tip").modal('show');
                  }
          });


        java后台代码:


  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值