使用jQuery Ajax JSON发送表单数据
我是PHP /
jquery的新手，我想问一下如何使用json格式的ajax从表单字段（例如（名称，年龄等））发送json数据。可悲的是，我找不到与此相关的任何信息，甚至可以动态地进行？Google搜索仅提供诸如手动建立数据之类的答案。：name: X Y，age: 32等等。
反正有做吗？
谢谢您的帮助！
编辑：
<form action="test.php" method="post">
Name: <input type="text" name="name"><br>
Age: <input type="text" name="email"><br>
FavColor: <input type="text" name="favc"><br>
<input type="submit">
</form>
问题答案：
这是一个简单的
这是我的test.php仅用于测试
<?php
// this is just a test
//send back to the ajax request the request
echo json_encode($_POST);
这是我的index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form id="form" action="" method="post">
Name: <input type="text" name="name"><br>
Age: <input type="text" name="email"><br>
FavColor: <input type="text" name="favc"><br>
<input id="submit" type="button" name="submit" value="submit">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
// click on button submit
$("#submit").on('click', function(){
// send ajax
$.ajax({
url: 'test.php', // url where to submit the request
type : "POST", // type of action POST || GET
dataType : 'json', // data type
data : $("#form").serialize(), // post data || get data
success : function(result) {
// you can see the result from the console
// tab of the developer tools
console.log(result);
},
error: function(xhr, resp, text) {
console.log(xhr, resp, text);
}
})
});
});
</script>
</body>
</html>
两个文件都放在同一目录中
-
问题内容： 我想以ajax的形式发送所有输入。我有这样的形式。 在.js文件中，我们有以下代码： 但这不起作用。我不想使用Form数据。 问题答案： 只要我们要发送具有名称属性的所有表单输入字段，就可以对所有表单执行此操作，而与字段名称无关： 第一个解决方案 第二个解决方案 ：在此解决方案中，您可以创建一个输入值数组：
-
问题内容： 所以我有这个HTML表单： 当用户单击“提交”时，哪种形式最简单的方法将此表单的数据作为JSON对象发送到我的服务器？ 更新：我已经走了这么远，但似乎没有用： 我究竟做错了什么？ 问题答案： 获取完整的表单数据作为数组，并对其进行json字符串化。 您可以稍后在ajax中使用它。或者，如果您不使用ajax；将其放在隐藏的文本区域中并传递到服务器。如果此数据通过常规格式数据作为json字
-
问题内容： 我正在尝试使用Jetty将带有RestTemplate的文件上传到Raspberry Pi。在Pi上，正在运行一个servlet： 我能够成功卷曲 这是应该在webapp上具有相同功能的方法。 这是我得到的输出： ui-elements.html上传了！ org.springframework.web.multipart.support.StandardMultipartHttpSer
-
本文向大家介绍python使用 request 发送表单数据操作示例，包括了python使用 request 发送表单数据操作示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了python使用 request 发送表单数据操作。分享给大家供大家参考，具体如下： 更多关于Python相关内容可查看本站专题：《Python Socket编程技巧总结》、《Python数据结构与算法教程》、《P
-
既然约翰·康德（John Conde）提出了这个建议，我将尝试更准确地描述我的问题。 大体上。js我正试图将我的表单对象发送到提交时。我如何做到这一点是通过选择表单对象并创建对象并将其发送到使用AJAX： 很明显，由于某种原因，我的对象没有被发送到我的。我认为它的b/c的。我这样做的原因是b/c我试图在我的中上传一个文件，这篇文章说在我的AJAX调用中做。 如果你知道我做错了什么，请告诉我，谢谢！
-
控制器（我忽略了导入） 下面是我在控制器中引用的相关html页面。您可以假设每一个服务和存储库都正常工作，并完成了它的工作。 这是确认页面。这里有点不对劲。插入到表单的隐藏输入框中的数据不会被提交： 扬尼克