Отправлять данные в базу данных без формы

Мой вопрос, например, создается <input type = "text" class = "some-class-here" value > без тега формы, а затем при вводе значения.

Используя функцию "keypress" в jquery, сохраняя значение в var.

например, у меня есть несколько тегов input, и когда пользователь нажимает кнопку «Далее», он вводит значение в var и создает user/signup для этого пользователя без использования формы регистрации.

Я не думаю, что объясняю это ясно. но надеюсь, вы уловите, что я хотел бы выразить.

Я использую node.js и mongodb

Используя AJAX. Это метод браузера, который позволяет отправлять / получать данные с / на сервер с помощью JS. В настоящее время это реализовано как Получить API в большинстве современных браузеров.

nicholaswmin 13.08.2018 05:23

если у вас есть ваш api, работающий с nodejs для ввода ввода, вы можете отправить данные поля ввода html с помощью ajax, используя onclick кнопки

Priya 13.08.2018 05:28

Любой учебник, который я могу найти в Интернете, или источник для изучения, используя затем загрузить api или создать свой собственный?

Seo Kangwoo 13.08.2018 05:35
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
3
675
1

Ответы 1

Предположим, вы используете jquery (поскольку вы добавили тег), и у вас есть несколько полей ввода и есть кнопка Сохранить

При нажатии вы получаете все эти входные значения, формируете JSON и отправляете его с помощью ajax Call

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();

});

да, я использую jquery. но внутри $ .ajax какой URL относится к ??????

Seo Kangwoo 13.08.2018 22:45

это API, по которому вы будете отправлять свои данные на бэкэнд. . Как и в случае отправки формы, вы будете использовать URL-адрес для отправки в .from action attr .. <form action = "/ save / detail method = " post ">

MyTwoCents 14.08.2018 06:06

Большое спасибо. Значит, URL-адрес - это атрибут действия в теге формы, верно?

Seo Kangwoo 14.08.2018 06:08

Другие вопросы по теме