Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将数据提交到数据库而不使用表单_Jquery_Html_Node.js_Mongodb - Fatal编程技术网

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,对吗?