javascript中的对象形式[重复]

Posted

技术标签:

【中文标题】javascript中的对象形式[重复]【英文标题】:Object form in javascript [duplicate] 【发布时间】:2017-11-15 00:01:06 【问题描述】:

我想在表单中创建一个文件输入的对象表单,我该怎么做 .如何创建文件输入的表单对象

<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<form id="helooo">
  <input type="text" name="foo1" value="" />
  <input type="text" name="foo2" value="" id="r1"/>
<input type="file" name="f1" value="" id="r2"/>
<button type="submit" id="s1"> ab</button>
</form>




<script>
$(".quote_save").click(function() 
var oElements = ;
$('form')
    oElements[this.name] =  = this.value;
);
);
</script>
</body>
</html>

【问题讨论】:

【参考方案1】:

试试下面的代码

<script>
 $(".quote_save").click(function() 

  var formData=$('#helooo').serialize();
);
</script>

【讨论】:

【参考方案2】:

首先你需要有方法和enctype(文件输入所必需的)。

HTML:

<form id="helooo" method="post" enctype="multipart/form-data">
  <input type="text" name="foo1" value="" />
  <input type="text" name="foo2" value="" id="r1"/>
<input type="file" name="f1" value="" id="r2"/>
<button type="submit" id="s1" class='quote_save'> ab</button>
</form>

Javascript:

<script>
 $(function()
 $(".quote_save").submit(function() 
  var form_data=$('#helooo').serialize();//string format
  var form_data=$('#helooo').serializeArray();//Arrayformat
);
);
</script>

参考:-/serialize

【讨论】:

你为什么要复制我的答案? 你的回答和我的回答差别很大 是的,只是你编辑... 每个人都知道序列化,但你应该按照它的工作方式给出答案。 大声笑你认为我不知道什么?如果您不复制我的答案,那么您的变量和我的变量如何相同。

以上是关于javascript中的对象形式[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何在JavaScript中以以下形式转换对象数组? [重复]

收藏 故事形式讲解javaScript中创建对象和Java创建对象的区别

Java中的多态

Java中的多态

如何遍历类对象数组并在 JavaScript 中使用函数 [重复]

如何理解 JavaScript 中的 this 关键字