时间戳

首页 > 解决方案 > 无表单提交数据到数据库

jquery - 无表单提交数据到数据库

问题描述

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

通过使用"keypress"jquery 中的函数，将值保存到var.

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

我不认为我解释清楚。但希望你能明白我想表达的意思。

我正在使用 node.js 和 mongodb

标签： jqueryhtmlnode.jsmongodb

解决方案

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

});

推荐阅读