首页 > form表单数据封装成json格式并提交给服务器

form表单数据封装成json格式并提交给服务器

如图这个表单对应的数据库三个表,用jQuery添加的行,每一行的的name属性值都是一样的,如何提取每一行的值,然后以json格式post。有没有什么js插件可以实现?
这里使用了一对多的关联,所以json最好是二维的。
求解!


不知道jquery的serializeArray()方法是否满足你的的需求


jquery ajax方法里面data参数可以使用serialize()方法,这样可以把表单的全部数据通过ajax post方式传递给后台,后台用$_POST[]就可以接收到(如果后台是php的话)


//表单转json
$.fn.serializeJSON = function()
{
  var o = {};
  var a = this.serializeArray();
  $.each(a, function() {
    if (o[this.name] !== undefined) {
      if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
      }
      o[this.name].push(this.value || '');
    } else {
      o[this.name] = this.value || '';
    }
  });
  return o;
};

把数据存在数组里,然后用json.stringify()方法转换成json


题主,我不是很理解你所说的name属性值都一样是什么意思。如果每一行的name值都一样的话,整个表单提交或者AJAX提交后,在控制器获取到的只会是最后一个name值

【热门文章】
【热门文章】