如何使用html表单数据发送JSON对象
所以我有这个HTML表单：
<html>
<head><title>test</title></head>
<body>
<form action="myurl" method="POST" name="myForm">
<p><label for="first_name">First Name:</label>
<input type="text" name="first_name" id="fname"></p>
<p><label for="last_name">Last Name:</label>
<input type="text" name="last_name" id="lname"></p>
<input value="Submit" type="submit" onclick="submitform()">
</form>
</body>
</html>
当用户单击“提交”时，哪种形式最简单的方法将此表单的数据作为JSON对象发送到我的服务器？
更新：我已经走了这么远，但似乎没有用：
<script type="text/javascript">
function submitform(){
alert("Sending Json");
var xhr = new XMLHttpRequest();
xhr.open(form.method, form.action, true);
xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
var j = {
"first_name":"binchen",
"last_name":"heris",
};
xhr.send(JSON.stringify(j));
我究竟做错了什么？
问题答案：
获取完整的表单数据作为数组，并对其进行json字符串化。
var formData = JSON.stringify($("#myForm").serializeArray());
您可以稍后在ajax中使用它。或者，如果您不使用ajax；将其放在隐藏的文本区域中并传递到服务器。如果此数据通过常规格式数据作为json字符串传递，则必须使用json_decode对其进行解码。然后，您将获得数组中的所有数据。
$.ajax({
type: "POST",
url: "serverUrl",
data: formData,
success: function(){},
dataType: "json",
contentType : "application/json"
});
-
问题内容： 我是PHP / jquery的新手，我想问一下如何使用json格式的ajax从表单字段（例如（名称，年龄等））发送json数据。可悲的是，我找不到与此相关的任何信息，甚至可以动态地进行？Google搜索仅提供诸如手动建立数据之类的答案。：，等等。 反正有做吗？ 谢谢您的帮助！ 编辑： 问题答案： 这是一个简单的 这是我的test.php仅用于测试 这是我的index.html 两个文件
-
问题内容： 我想以ajax的形式发送所有输入。我有这样的形式。 在.js文件中，我们有以下代码： 但这不起作用。我不想使用Form数据。 问题答案： 只要我们要发送具有名称属性的所有表单输入字段，就可以对所有表单执行此操作，而与字段名称无关： 第一个解决方案 第二个解决方案 ：在此解决方案中，您可以创建一个输入值数组：
-
本文向大家介绍如何指定以HTML发送表单数据时使用的HTTP方法？，包括了如何指定以HTML发送表单数据时使用的HTTP方法？的使用技巧和注意事项，需要的朋友参考一下 使用method属性指定在HTML中发送表单数据时要使用的HTTP方法。 示例 您可以尝试以下代码来实现方法属性-
-
问题内容： 我正在尝试使用Jetty将带有RestTemplate的文件上传到Raspberry Pi。在Pi上，正在运行一个servlet： 我能够成功卷曲 这是应该在webapp上具有相同功能的方法。 这是我得到的输出： ui-elements.html上传了！ org.springframework.web.multipart.support.StandardMultipartHttpSer
-
您好，我想向邮递员发送一个带有json的正文和一个formd数据中的图像。。。 我将表单数据图像保存在s3桶中，实体具有作为图像链接的字符串属性 这里是我的spring boot控制器 我已经用@RequestParam和@RequestPart尝试了多部分文件。。。我收到以下错误： "不支持内容类型'multipart/form-data；边界=-------------------------
-
问题内容： 这是html中的表单示例： 这是在服务器上运行的node.js函数： 我有两个问题： 如何从html页面调用node.js中的函数？因为html文件在端口80上运行，而node.js在8080上运行（当我尝试将node.js移到端口80时，它会写“ // Unhandled’error’event”）。 在node.js函数中，我将“ ?????” 如何从html表单获取数据。当我输入