尝试将HTML表单转换为JSON，但返回空
将HTML表单转换为JSON的过程可以通过JavaScript来实现。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>HTML表单转换为JSON</title>
</head>
<body>
<form id="myForm">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age"><br><br>
<input type="submit" value="提交">
</form>
<script>
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单提交
var formData = new FormData(this);
var json = {};
for (var pair of formData.entries()) {
json[pair[0]] = pair[1];
}
console.log(JSON.stringify(json));
});
</script>
</body>
</html>上述代码中，我们通过监听表单的提交事件，在事件处理函数中使用FormData对象来获取表单数据。然后，我们将表单数据转换为JSON格式，最后使用JSON.stringify()方法将JSON对象转换为字符串并打印到控制台。
这样，当用户填写表单并点击提交按钮时，表单数据将以JSON格式输出到浏览器的控制台中。
这种方法可以适用于任何包含不同类型输入字段的HTML表单。
相关·内容
我一直在尝试将HTML表单转换为Json。当我提交表单时，我的警告只是返回一个空数组。任何帮助都是非常感谢的！<script language ="javascript" type = "text/javascript" >
type: "POST&qu
浏览 5提问于2016-07-06得票数 1
在包含HTML元素对象的对象中，'elem‘键 param1:"",}JSON.stringify(obj);"param":&qu
浏览 5提问于2017-06-26得票数 2
1回答
我试图通过html表单将日期发送到servlet，然后将日期发送回jsp并显示日期。我不知道如何处理从表格上寄来的日期。它似乎是一个对象，我尝试将它转换为一个字符串，但返回空值。我试过使用date对象的toString方法，但这没有起作用。
浏览 1提问于2018-11-20得票数 1
回答已采纳
2回答
我尝试将表单值解析为正文请求的数据变量，但正文总是返回空。这意味着我的脚本无法将用户的字段值类型打印到正文数据中。在HTML表单中： <form id="my-form">
<input type="text" id="MSISDN" name="MSISDN" placeholder="MSISDN"/>: 'appl
浏览 28提问于2019-03-13得票数 1
回答已采纳
我正在尝试将数据从Pandas Dataframe转储到JSON文件中，以便导入到MongoDB中。我在文件中需要的格式在表单的每一行上都有JSON记录：df.to_json(，orient=' records ')接近结果，但所有记录
浏览 2提问于2013-10-28得票数 2
在我的CreateView和UpdateView中，我使用一个表单作为主模型，并使用多个表单直接创建/更新相关模型： class MyModelCreateView(CreateView):each(function() {}); 但这会产生以下结果我们需要一个字典，我相信它可以适当地初始化表单。这是我的ajax函数
浏览 39提问于2019-01-16得票数 1
1回答
我正在尝试使用Qt 5.1.1将一些json数据发送到web服务。有很多例子，但几乎都是针对Qt 4.x的，它的API略有不同。下面是我正在尝试的：QNetworkRequest request(url);
request.setHeader(QNetworkRequest::ContentTypeHeader, "application/x-www-form-urlencoded");
浏览 1提问于2014-01-18得票数 2
我目前有一堆Java数据定义，我必须将这些定义复制为一个JSON数组，以便在前端表格显示中使用。@Title("Enabled") String myOtherString; "searchPath":"child.enabled" ] 目前，
浏览 26提问于2020-08-29得票数 1
2回答
我正在尝试将cloud-init日志转换为json，以便filebeat可以获取它并将其发送到Kibana。我希望使用shell脚本或python脚本来完成此任务。有没有什么脚本可以把这样的日志转换成json？def convert_to_json_log(line): log = {}
log['
浏览 0提问于2018-08-28得票数 1
我正在使用ggplot2运行以下R代码 geom_point(size=6, alpha=0.6) + #scale_x_discrete(breaks=seq(0,1000, 200))
X轴完全不可读。我的代码中有这一行(注释掉了)，但是我得到了这个“离散值到连续缩
浏览 2提问于2017-11-15得票数 0
回答已采纳
我想为tensorflow对象检测API将pipeline_pb2.TrainEvalPipelineConfig转换为JSON或YAML文件格式。我尝试使用以下命令转换protobuf文件： import tensorflow as tfimport yaml
config_as_dict = create_co
浏览 71提问于2019-03-16得票数 0
回答已采纳
10 2014-08-17 5 30 86 11
我能找到的数据类型的唯一引用是Dataframe中的值。我尝试过df['new builds'].astype(int)，但这只是将该列中的数据保留为int32类型，我还尝试先将其转<e
浏览 3提问于2019-06-06得票数 0
回答已采纳
3回答
我需要帮助将以下字典转换为json： summary = {'model': 'Test', 'devices': '0,1', 'config': {'data': {'name': 'ABC',0.057959385252174776}], 'Test_summary': {'precision': 0.0022856936059727296, '
浏览 28提问于2020-10-01得票数 1
1回答
我正在尝试将数据从mongoDB转储转换为parquet格式。我使用的是python，pymongo和一个shell脚本。当我运行外壳脚本来哑巴数据，我得到了很多BSON文件，我没有找到一种方法来直接转换BSON ->拼图，所以我尝试做BSON -> JSON ->拼图。然而，我不知道如何将这些BSON文件转换成JSON，我尝试了Pymongo中的bson.decode_file_iter()，它返回了一个生成器，我
浏览 0提问于2018-05-30得票数 1
我正在创建一个web服务来将json传输到一个iPhone应用程序。我使用json-framework来接收json，这很好用，因为它会自动解码像"\u2018“这样的东西。例如，html_entity_decode()得到了大多数东西，但它留下了像‘(’)这样的东西。为了捕获这些实体并将其转换为json框架可以使用的内容(例如，\u2018)，我使用此代码将&#转换为\u，将数字转换为</
浏览 1提问于2010-12-03得票数 0
回答已采纳
我正在尝试将PHP中执行shell的命令之一的输出转换为utf8，因为json_encode返回一个空字符串。我尝试使用mb_detect_encoding来检测编码，我想使用mb_convert_encoding，但mb_detect_encoding返回空字符串。我得到了如下输出：我也尝试过这个：
sapi_windows_cp_conv(sapi_win
浏览 10提问于2017-12-22得票数 0
回答已采纳
我正在尝试将XHR请求的responseText赋值给一个对象变量，然后我可以通过json2html传递该变量来创建表单。我遇到的问题是，我传递的json有一个分配给表单上某项的onclick事件的函数。这使我无法使用JSON.parse()转换responseText字符串，因为它在函数调用中出错。我知道如果能够将json作为对象调用，它就会工作，但它不会让我创建对象；我知道我可以使用ready()函数，但我更喜欢
浏览 15提问于2020-01-03得票数 0
回答已采纳
我正在尝试将本地iOS应用程序转换为工作。有人知道怎么做吗？我已经考虑过使用MobileFirst平台，但我不知道这是否可能，即使是这样。关于将HTML5转换为Swift应用程序，我已经看到了很多事情，但事实并非如此。任何帮助都将不胜感激！
浏览 0提问于2016-01-22得票数 0
回答已采纳
1回答
步骤：我已经阅读了google云服务文档，但我发现的信息主要是直接与我知道你不能使用ajax上传图片，但你可以在iframe中上传。是否可以获取图像二进制数据并将其转换为base64，然后将该字符串上传到谷歌云服务以存储数据？
浏览 2提问于2013-09-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
