使用jQuery将表单数据抓取到对象中，以生成任意数组和对象的值
可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery库文件。
- 创建一个空对象，用于存储表单数据。
var formData = {};- 使用jQuery的选择器选取表单元素，并使用
serializeArray()方法将表单数据序列化为一个数组。
var formArray = $('form').serializeArray();- 遍历表单数组，将每个表单字段的名称和值存储到对象中。
$.each(formArray, function(index, field){
formData[field.name] = field.value;
});- 现在，
formData对象中包含了表单数据的键值对。
如果你想生成一个数组，可以使用serialize()方法将表单数据序列化为URL编码的字符串。
var serializedData = $('form').serialize();然后，你可以使用split()方法将字符串拆分为数组。
var dataArray = serializedData.split('&');最后，你可以遍历数组并将每个键值对拆分为键和值。
var formData = {};
$.each(dataArray, function(index, data){
var pair = data.split('=');
formData[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
});这样，你就可以通过formData对象或dataArray数组来访问表单数据的键值对了。
对于jQuery的详细介绍和使用方法，你可以参考腾讯云的jQuery产品文档：jQuery产品介绍。
请注意，以上答案仅供参考，具体实现方式可能因项目需求和具体情况而有所不同。
相关·内容
2回答
我使用serializeArray来获取所有元素，并且我得到的对象如下
[{name: "code[1][barcode]", value: "45534"},
{name: "code[1][rf_id]", value: "535353"},
{name: "code[1][serialize]", value: ""},
{name: "code[2][barcode]", value: "45534"},
{name: "code[2][rf_id]&
浏览 3提问于2017-12-01得票数 0
回答已采纳
2回答
我有一个表单，我所有的表单字段名都以一个预先准备好的“家庭”开头。例如：
Family.Name
Family.LastName
我需要改变的是：
Name
LastName
现在，在使用serializeArray() jquery函数发送到服务器之前，我希望删除“Famil.”(如果存在)。以下是我的当前代码：
var formData = $('#FamilySpouseCreate').serializeArray();
$.ajax({
type: 'Post',
浏览 0提问于2019-03-03得票数 3
1回答
JQuery验证插件
、、、、
我正在尝试使用验证插件，但我猜它没有正确设置。这是我的标题：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://aja
浏览 4提问于2012-09-14得票数 1
回答已采纳
2回答
开机自检不工作
、、
这是我的jscript代码:当我运行它时，我没有得到响应，而firefox webconsole显示ok。
dataS = friendMediaArray; // array?
var jsonS = JSON.stringify(dataS);
$(function() {
$("#xbut").click(function() {
var data = {};
data.dataArray = friendMediaArray; // I'm setting it as a property here
var j
浏览 0提问于2012-07-20得票数 0
我有一个html表单，我将其解析为json，并将其发送到我的java后端。 var data = {};
var formArray = $("#form").serializeArray();
$.each(formArray, function (i, field) {
if(field.name !== '') {
data[field.name] = field.value;
}
});
$.
浏览 14提问于2019-02-01得票数 0
有了来自serializeArray的数据，如何用它更新表单？
var values = form.serializeArray();
form.deserializeArray(value); // What is the deserializeArray analogue?
form.seriaizeArray() === values; // So that this is always true
浏览 0提问于2012-02-21得票数 10
回答已采纳
3回答
我有一个表单，并通过jquery代码获取所有字段值。
var adtitletoshow = $("#form_data").serialize();
当我提醒adtitletoshow时，它会显示出这样的情况-
&fomdata1=textone&fomdata2=texttwo&fomdata3=textthree&fomdata4=textfour&fomdata5=textfive
现在当我把这个代码-
$("#previewdiv").text(adtitletoshow);
它显示了整个数据字符串。但我只想
浏览 3提问于2012-05-30得票数 0
回答已采纳
15回答
我想对模型中的表单进行一些服务器前验证。为此，我需要将表单中的用户输入转换为可用的数据。我找到了三种方法来做到这一点：
var input = $("#inputId").val();var input = $("form.login").serialize();var input = $("form.login").serializeArray();
不幸的是，它们都没有提供我所需要的良好的可伸缩和可开发的JSON对象。我已经看了几个关于Stack和Overflow的问题，但我只找到了一些额外的库。
，当前的jQuery或Backbone.js
浏览 182提问于2012-07-05得票数 284
我希望我的表单的所有数据都放在一个数组中
$('#teamMedewerker :selected').each(function(i){
var form = $("form#urenformulier" + i).serializeArray();
$.each($(form), function(i, field){
//console.log(field.name + " : " + field.value);
array = field.value;
con
浏览 0提问于2016-10-27得票数 0
1回答
我正在尝试通过ajax调用提交一个用symfony2创建的表单。我知道有很多教程，但我认为我做的每一件事都是正确的，但仍然不能让它工作。
下面是我在控制器中的代码：
/**
* @Route("/preferences", name="_mybundle_preferences")
* @Template()
*/
public function preferencesAction(Request $request)
{
$em = $this->getDoctrine()->getManager();
$allprefs
浏览 1提问于2014-11-05得票数 0
1回答
我需要创建一个javascript (jquery)数组，其键名重复，如下所示 {
"apple": "type1",
"apple": "type2",
} 下面是我堆叠的当前代码 var data = {};
jQuery.each(formData, function(i, field) {
data[field.name] = field.value;
}); 在上面的示例中，field.name是"apple"，具有不同的值，如"type1"或"type2
浏览 17提问于2019-06-17得票数 0
回答已采纳
我正在尝试创建一个表单，它返回所选项目的和(已完成)和所选项目的列表。我的项值的格式如下：
输入name=“门”type=收音机“value=”260~~稳定门
我使用serializeArray来拆分所选列表输出的项的值。它可以工作，但我想在每一项之后插入一行，所以，而不是：
你选择了木头，马厩，松木地板
我会得到：
你选择了木马厩门松木地板
在将值附加到数组时，我尝试添加+"\n“甚至++”r\n“，但是输出保持在一行上。
我的代码是基于下面的W3C学校代码，包括我一直在尝试放置\n的地方。要么因为它是数组而不可能，要么我遗漏了一些显而易见的东西。很抱歉问了这么一个基本问题:/
&
浏览 5提问于2012-04-11得票数 0
回答已采纳
3回答
我有一个jQuery脚本，每当某个.class输入发生更改时，它就会将隐藏的输入添加到表单中。根据用户输入，它为其他不可编辑的列生成值，这些列也会作为隐藏输入推入表单。
表单输出如下所示：
<input type="hidden" name="[1008016BSTL][1][part]" value="1008016BSTL" />
<input type="hidden" name="[1008016BSTL][1][price]" value="123" />
<
浏览 1提问于2019-02-26得票数 2
回答已采纳
4回答
如何使用jQuery ajax将表单数据和其他一些值(即{a:'A',b:'B',c:'C'})发布到服务器？
Html代码：
<form id="myForm">
<p>firstname: <input name="firstname" type="text" value="John" /></p>
<p>lastname: <input name="lastname" type=&
浏览 2提问于2015-08-30得票数 1
在表单提交时，我使用jQuery收集包括文件在内的数据，并使用以下命令创建表单值的FormData对象：
var formData = new FormData($("form#formid")[0]);
但是如何添加另一个值，并且它是这个FormData对象的关键字呢？
浏览 3提问于2012-06-26得票数 11
回答已采纳
我有一个表单，我使用jQuery .serialize();获取表单的值，例如，为了获取表单数据，我使用以下命令。
var formData = $('form').serialize();
现在，变量formData保存了以下值。
subcategoryname=aaaa&prefix=AA&categoryid=1
从上面的字符串中，我只想获取categoryid的值，也就是1，我该如何使用jQuery来实现呢？
浏览 2提问于2011-08-02得票数 2
回答已采纳
var arr=[];
$.each($("#id").serializeArray(), function (i, field) {
arr.push({
field.name : field.value
});
});
我要field.name应该是动态的。
浏览 1提问于2016-05-24得票数 1
回答已采纳
1回答
当我禁用ajax函数时，我很难理解为什么我的表单提交成功。当我在输入表单上启用ajax时。未提交我填写的输入值。我使用工具来检查提交的FormData。我意识到什么都没有被服从。因此，我遇到一个错误，要求我填充这些字段。
控制器
@PostMapping(value = "/basicAjax.json")
@ResponseBody
public ResponseEntity<Object> addCertJson(@Valid @ModelAttribute CertificateProgramme certificate, Bindin
浏览 3提问于2017-03-24得票数 0
回答已采纳
我有这个HTML：
<form id='myform'>
<input name='title' value='foo'/>
</form>
我用它创建了一个对象数组，如下所示：
var dataArray = $("#myform").serializeArray();
现在我如何在dataArray中访问‘标题’？这不起作用：
alert(dataArray['title']);
alert(dataArray['title'].val());
浏览 0提问于2010-11-21得票数 27
回答已采纳
我试图在$.post调用中包含两个变量和一个序列化形式，而我找到的唯一方法是使用serializeArray()而不是serialize()，然后将额外的变量添加到数组中。所有的表单元素都被正确处理了，但是额外的两个变量(order和column)却没有被正确处理。
JQ：
var order = 'asc';
var column = 'description';
$('#task_form').submit(function(e){
var formData = $(&
浏览 0提问于2012-08-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
