不用表格将数据提交到数据库

时间:2018-08-13 03:12:22

标签: jquery html node.js mongodb

例如,我的问题是创建一个<input type="text" class="some-class-here" value >,但不带表单标签,然后输入值时。

通过在jquery中使用"keypress"函数,将值保存到var

例如,我有几个input标记,当用户按下“下一步”按钮时,它将在var中输入值,并为user/signup创建一个该用户,而无需使用注册表单。

我认为我没有清楚解释。但希望您能理解我想表达的内容。

我正在使用node.js和mongodb

1 个答案:

答案 0 :(得分:1)

假设您正在使用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();

});