如何通过html表单使用jquery、json和ajax？
<head>
<title>Insert title here</title>
</head>
<body>
<form id="form">
Nome: <input type="text" id="nome" />
Idade: <input type="number" id="idade" />
<input type="button" id="submit" value="submit"/>
</form>
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"
var arr = {
City : 'Moscow',
Age : 25
};
$(document).ready(function() {
//click on button submit
$("#submit").on('click', function() {
//send ajax
$.ajax({
url : 'http://localhost:8080/DBRest/rest/escreve',
type : "POST", // type of action POST || GET
dataType : 'json', // data type
contentType : 'application/json; charset=utf-8',
data : $("#form").serialize(), // post data || get data
data : JSON.stringify(arr)
})
});
});
data : $("#form").serialize()
这是正确的吗？#form周围的单引号和双引号是有区别的
共有1个答案
首先，两次设置data属性。删除数据:json.stringify(arr)。
其次，如果发送序列化表单，它将是x-www-form-urlencoded，而不是JSON，因此应该删除ContentType属性，因为form encoded是默认的。
那么您的HTMLinput元素缺少所需的name属性，这是序列化和检索服务器上的值所必需的。
Nome: <input type="text" id="nome" name="nome" />
Idade: <input type="number" id="idade" name="idade" />
$("#form").on('submit', function(e) {
e.preventDefault();
$.ajax({
url: 'http://localhost:8080/DBRest/rest/escreve',
type: "POST",
dataType: 'json',
data: $("#form").serialize()
})
});
-
问题内容： 我想通过jquery ajax提交此表单，这是我所做的，并且不起作用。即表格提交与页面刷新，我没有看到响应，即在同一页面上打印数组。 的HTML PHP（submit.php） 问题答案： 使用此方法-出现一些语法错误，必须提交事件
-
问题内容： 我想知道如何使用JSON填充表单吗？ 我有一个使用php的JSON字符串， 并且我想使用JSON字符串填充表单控件（例如textarea或文本输入）。 我如何不使用外部插件（例如jQuery populate插件，我就看到了）来实现这一目标。 编辑：JSON格式： 这就是我从json_encode（）得到的 问题答案： 此处存在问题，然后将其更改为开关值 使用它来为许多控件分配值：
-
问题内容： 所以@SOF 我一直在努力使我的学校成绩，成绩，预计成绩等网页具有自动更新功能，以便在通过使用和来获得新数据时刷新页面上的数据，并且“查看”。 我的主要问题是我无法正常使用任何形式的Ajax刷新/加载，我可以将输出生成为json或单个html文件，出于我的目的，我认为json会更好，但我不确定。 我的网页在左上角有一个导航助手，它是一个下拉菜单，该菜单通过“搜索”找到的列表填充，可以在
-
问题内容： 我正在尝试通过Ajax和jQuery将一些JSON格式的数据放入服务器。我的代码如下所示： 但是在服务器端，我收到一个字符串，而不是预期的JSON。萤火虫告诉我的也是一样。 错误在哪里？ 问题答案： 我认为数据必须是字符串。对象将转换为查询字符串，这就是您在此处看到的内容。 您可以使用该方法将Object转换为String。JSON对象的代码可从以下网址获得：https : //git
-
问题内容： 我试图使用此示例使用AJAX提交HTML表单。 我的HTML代码： 我的剧本： 这是行不通的，我什至没有收到警告消息，提交时我不想重定向到另一个页面，我只想显示警告消息。 有简单的方法吗？ PS：我有几个领域，我仅举两个例子。 问题答案： AJAX快速描述 AJAX只是异步JSON或XML（在大多数新情况下为JSON）。因为我们正在执行ASYNC任务，所以我们很可能会为我们的用户提供更
-
问题内容： 我想使用Jquery创建基于XML或JSON数据的HTML表单，并且我还计划验证可能为空或不正确的任何表单字段。 我想知道是否还有其他程序/函数动态地动态生成这种形式，以及实现该形式的最佳方法。任何最适合工作示例的jquery小部件或库将不胜感激 还有在这种情况下最好使用XML或JSON的哪些提要并解释原因？ 谢谢 问题答案： 我发现其中一些可能会帮助您： 从JSON模式生成表单： h