Jquery 将数据提交到数据库而不使用表单
例如,我的问题是创建一个不带表单标记的Jquery 将数据提交到数据库而不使用表单,jquery,html,node.js,mongodb,Jquery,Html,Node.js,Mongodb,例如,我的问题是创建一个不带表单标记的,然后输入值 通过使用jquery中的“keypress”功能,将值保存到var 例如,我有几个输入标签,当用户按下“下一步”按钮时,它将在变量中输入值,并为该用户创建一个用户/注册,而无需使用注册表单 我想我没有解释清楚。但希望你能理解我想表达的意思 我使用的是node.js和mongodb让我们假设您使用的是jquery(因为您添加了标记),并且您有一些输入字段和保存按钮 单击获取所有这些输入值,形成一个JSON并通过ajax调用发送它 function
,然后输入值
通过使用jquery中的“keypress”
功能,将值保存到var
例如,我有几个输入
标签,当用户按下“下一步”按钮时,它将在变量
中输入值,并为该用户创建一个用户/注册
,而无需使用注册表单
我想我没有解释清楚。但希望你能理解我想表达的意思
我使用的是node.js和mongodb让我们假设您使用的是jquery(因为您添加了标记),并且您有一些输入字段和保存按钮 单击获取所有这些输入值,形成一个JSON并通过ajax调用发送它
function saveDetail(){
var name = $("#inputFirstname").val();
var from = $("#sourceZone1").val();
var to = $("#destinationZone1").val();
var source = $("#sourceaddress").val();
var destination = $("#destinationaddress").val();
var srcTranslationType = $("#combo").val();
var srcTranStaticIpTransAddr = $("#inputAddressLine5").val();
var jsonToSend = {
name: name,
from: from,
to: to,
source: source,
destination: destination,
srcTranslationType: srcTranslationType,
srcTranStaticIpTransAddr: srcTranStaticIpTransAddr
};
$.ajax({
type: "POST",
contentType: "application/json",
url: "../policy/nat?id=" + id,
data: JSON.stringify(sendInfo),
success: function(data) {
alert("Successfully added information");
},
error: function(error) {
alert("Error while Adding Detail...");
}
});
}
点击事件
$("#btnSaveDetail").click(function(){
saveDetail();
});
通过使用AJAX。这是一种浏览器技术,允许您使用JS从服务器发送/接收数据。NoWadays这是在大多数现代浏览器中实现的。如果您的api与nodejs一起工作以获取输入,那么您可以使用ajax使用按钮的onclick发送html输入框数据。我可以在线找到任何教程或源代码来学习,然后使用fetch api或制作自己的?是的,我正在使用jquery。但是在$.ajax中,url指的是什么?这是将数据发送到后端的API。与表单提交相同,您将使用URL提交到。从操作属性。。非常感谢你。那么url就是表单标记中的action attr,对吗?