使用jQuery将表单数据转换为JavaScript对象 [英] Convert form data to JavaScript object with jQuery

问题描述

如何将表单的所有元素转换为JavaScript对象？

How do I convert all elements of my form to a JavaScript object?

我想从我的表单中自动构建一个JavaScript对象，而不必遍历每个元素。我不想要一个字符串，由 $（'＃formid'）。serialize（）; 返回，我也不想要返回的地图$（'＃formid'）。serializeArray（）;

I'd like to have some way of automatically building a JavaScript object from my form, without having to loop over each element. I do not want a string, as returned by $('#formid').serialize();, nor do I want the map returned by $('#formid').serializeArray();

推荐答案

serializeArray 已经完全如此。您只需按下所需格式的数据：

serializeArray already does exactly that. You just need to massage the data into your required format:

function objectifyForm(formArray) {//serialize data function

  var returnArray = {};
  for (var i = 0; i < formArray.length; i++){
    returnArray[formArray[i]['name']] = formArray[i]['value'];
  }
  return returnArray;
}

注意与实际输入同名的隐藏字段被覆盖。

Watch out for hidden fields which have the same name as real inputs as they will get overwritten.

这篇关于使用jQuery将表单数据转换为JavaScript对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！