如何创建一个在字段名中包含运行索引的formdata？
创建一个在字段名中包含运行索引的formdata可以通过以下步骤实现：
- 首先，需要使用前端开发技术创建一个表单（form），并使用HTML的FormData对象来处理表单数据。
- 在表单中，为每个字段设置一个唯一的名称，并在名称中包含运行索引。例如，可以使用类似"field1"、"field2"、"field3"等命名模式。
- 在前端代码中，使用JavaScript获取表单数据，并使用FormData对象来创建一个新的FormData实例。
- 使用FormData的append()方法，将每个字段的名称和对应的值添加到FormData实例中。在这里，可以使用运行索引来动态生成字段名称。
- 最后，将FormData实例发送到后端进行处理。可以使用Ajax技术将FormData实例作为请求的数据体发送给后端API。
下面是一个示例代码，演示了如何创建一个在字段名中包含运行索引的formdata：
<!DOCTYPE html>
<html>
<head>
<title>创建包含运行索引的FormData</title>
</head>
<body>
<form id="myForm">
<input type="text" name="field1" value="value1">
<input type="text" name="field2" value="value2">
<input type="text" name="field3" value="value3">
</form>
<script>
var form = document.getElementById("myForm");
var formData = new FormData(form);
// 添加额外的字段
for (var i = 4; i <= 10; i++) {
var fieldName = "field" + i;
var fieldValue = "value" + i;
formData.append(fieldName, fieldValue);
}
// 将FormData发送到后端
var xhr = new XMLHttpRequest();
xhr.open("POST", "backend-api-url", true);
xhr.send(formData);
</script>
</body>
</html>在这个示例中，我们创建了一个包含10个字段的表单，并使用循环动态添加了额外的字段。最后，使用XMLHttpRequest对象将FormData发送到后端API进行处理。
请注意，这只是一个示例代码，实际应用中需要根据具体需求进行适当的修改和调整。
相关·内容
1回答
如何创建一个在字段名中包含运行索引的formdata？
javascript、reactjs、multipartform-data
我需要创建一个formdata，它的名称和值中都包含一个运行索引。我之前的方法(见下文)由于语法错误而失败。但除此之外，我不确定这是否在本质上是可能的。for (var i = 0; i < files.length; i++) {
formData.append('story_media'[i]'isTitlePicture'
浏览 12提问于2020-11-24得票数 0
回答已采纳
1回答
使用vuejs或vuex提交表单时，formdata.append不起作用
javascript、vue.js、vuex、form-data、vuex-modules
我有这个表单，还有另一个使用vue2-dropzone上传文件的组件。选择文件时，将更新$store状态上传的文件。我的问题是当我提交表单时，FormData不会发送文件。formdata.append不工作。我在网络下做了检查，我可以看到formdata等于{}。请告诉我我做错了什么。$store.state.uploads.uploads let formData = new <e
浏览 373提问于2021-01-15得票数 1
回答已采纳
2回答
从数组多键名中删除字符串
javascript、jquery、ajax
我有一个表单，我所有的表单字段名都以一个预先准备好的“家庭”开头。例如：Family.LastNameName 现在，在使用serializeArray() jquery函数发送到服务器之前，我希望删除function(xhr) { }如何
浏览 0提问于2019-03-03得票数 3
3回答
Sitecore SearchResulItem - fluent API？
c#、sitecore、glass-mapper
在Sitecore中，如何在IndexField属性以外的派生SearchResultItem类的属性上定义索引字段名称？我正在尝试使用与Glass.Mapper模型定义相同的接口，并且它已经在定义Sitecore字段名称(以及索引字段名称)的属性上包含了SitecoreField属性。
谢谢!
浏览 0提问于2014-09-06得票数 0
1回答
错误未定义的字段: solr上的"stream_size“
database、apache、solr、field、apache-tika
我尝试在引用solr 6.3中的数据库列的字段中使用/ update / extract，但它不起作用，并且出现以下错误：
Status: {"data":{"responseHeader":{"status
浏览 0提问于2017-02-03得票数 0
1回答
使用Java驱动程序的MongoDB文本索引
java、mongodb
使用MongoDB Java，我无法使用文本搜索成功地找到完整的示例。我使用的代码如下：String searchString = "Test String";
DBObject q = start("blogcomments").text(searchString).get();
我正在执行搜索的集
浏览 4提问于2015-03-19得票数 1
回答已采纳
1回答
将tinyMCE内容添加到序列化数组(WordPress)中
jquery、wordpress、tinymce
我在我的(WordPress)网站的前端有一个HTML表单，它有可能显示一个TinyMCE字段。
WP完全可以自定义表单本身，因此tinyMCE字段的ID/名称可以是任何内容。当表单提交时，我正在运行一些jQuery来验证字段(即，任何配置为必需的字段都必须有内容)。如果验证失败，则会显示警报，否则将提交表单。但是，当使用tinyMCE字段时，我在处理这个字段时遇到了问题，因为我需要在JS文件中获取字段<e
浏览 4提问于2016-09-28得票数 0
回答已采纳
1回答
尝试为名称中包含特殊字符的字段编制索引时，Azure Search Indexer无法创建
azure、azure-cosmosdb、azure-cognitive-search
我正在尝试创建Azure搜索索引器，但收到以下错误消息：我使用SQL将我的数据存储在Cosmos DB中，并且存储在那里的文档包含遵循schema.org标准的</e
浏览 0提问于2019-05-29得票数 2
1回答
如何使用NEST包在字段级创建索引
elasticsearch、asp.net-core、asp.net-core-mvc、nest、asp.net-core-2.1
我需要创建字段级索引弹性搜索使用网包。我正在使用.net核心进行开发。[ElasticProperty(Store=false, Index=FieldIn
浏览 0提问于2019-01-07得票数 0
2回答
Mongodb-在现有集合上添加唯一索引
mongodb
我正在尝试学习Mongodb中的索引。我创建了一个数据库和一个集合，如下所示：db.createCollection("myFirstCollection")two={name:"Kepler"}db.myFirstCollection.insert(two)
我能够列出我的结果如下
浏览 0提问于2014-07-22得票数 3
2回答
我有一个带有空格“myfield name_solr”的solr动态字段。有谁知道如何在字段列表查询中使用此字段。我尝试用空格“myfield\name_solr”进行替换，结果没有任何错误。
浏览 0提问于2018-10-20得票数 0
2回答
Spring数据JPA连接2个表
java、mysql、jpa、spring-data-jpa、persistence
用户
表user_additional_details包含user表中每个userId的0或1行。理想情况下，user_additional_details中的列应该作为可空列添加到user表中，但由
浏览 0提问于2018-06-21得票数 0
回答已采纳
1回答
HTML5 AJAX多文件上传
jquery、ajax、html、file-upload
我看到了这个简单的js上载代码(似乎jquery $.post由于某种原因不能与HTML5一起工作)， is not in the form, use this */ fd.appendxhr.addEventListener("abort", uploadCanceled, false);
x
浏览 2提问于2011-08-21得票数 4
回答已采纳
1回答
如何使用引导-vue上载多个文件
node.js、vue.js、axios、multer
我试着用穆特将一些文件发送到node.js中的api中，当我用Postman测试时，这个功能很好，但是当我使用我的vue应用程序时，我得到了“意想不到的字段”。Multer的设置destination: (req, file, cb) => { for (var i = 0; i < t
浏览 1提问于2020-05-11得票数 3
回答已采纳
2回答
MongoDB搜索误差
mongodb
我使用mongoDB (3.0.2版)作为我的应用程序，如果我要搜索一个名为"Hannes“的用户，那么我将得到下面的错误。db.User.find()工作时没有任何问题。有人知道问题出在哪里吗？}\n planner returned error: need exactly one text index for $text query",}
编辑这是我的文档结构
浏览 6提问于2015-07-13得票数 0
回答已采纳
1回答
如何在Zend框架中设置控制器中的两个视图
php、zend-framework
在Zend 1.12中提交了一份表单后，我正在尝试实现一个感谢页面public function indexAction() // action body if ($th
浏览 0提问于2014-01-16得票数 0
回答已采纳
1回答
是否已经有了由docker和kubectl命令打印的表格格式规范？
docker、format、specifications、kubectl
我正在为由docker和kubectl命令打印的基于字符的表创建一个解析器/序列化程序。我应该看哪种规格？字段名可以包含单个空格。
表行的值是从具有相应字段名的同一列索引开始的。这样的表格格式是否已经有了明确<e
浏览 1提问于2019-09-06得票数 0
4回答
PHP数组中重复的数据条目
php、mysql、database、arrays
我不确定这是否合适，因为这更多的是我的理解问题，但我很想知道为什么我会收到这样的输出：当我运行这个PHP脚本时：
// Grab例如，索引和r_id下有两个'Response‘条目。这两者都
浏览 1提问于2011-10-07得票数 2
回答已采纳
1回答
MongoDB在简单查找中不使用索引
mongodb、indexing
我有一个名为"EN“的集合，我创建了一个索引如下：当我运行db.EN.getIndexes()时，我得到了以下内容： "Prod_id": 1 }, "name
浏览 2提问于2022-10-21得票数 0
回答已采纳
3回答
如何在动态表中发布包含字段的表单，并且可以动态添加行和列
jquery、html、ajax、post
我是否必须以这样的方式命名字段，以便名称包含行索引和列索引？比如"datarow"？在向表中添加行或列时，动态创建这些字段名称有点麻烦。
这里可以使用jQuery魔术吗？
浏览 0提问于2010-11-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
