Как мгновенно сохранить данные из формы в таблицу?
772
Я знаю, что такие вопросы недопустимы в сообществе, но я искал информацию весь день. Поэтому я хочу реализовать такие формы до того, как они будут отправлены на контроллер. Кто-нибудь знает, как я могу это сделать? Или у вас есть пример, который вы видели, они бы мне очень помогли.
Если вы хотите провести сеанс в автономном режиме, вы можете сохранить новые записи локально. Есть разные способы, один из которых использует встроенную базу данных, такую как LokiJS или alaSQL . Если приложение небольшое, вы можете использовать local/session storage.
window.db = alasql;
db('CREATE TABLE clientes ...');
$('#form-new-customer').on('submit', function (e) {
e.preventDefault();
let customer = $(this).serializeArray();
db.tables.clientes.data.push(customer);
});
// obtener los registros (array de objetos)
let records = db('SELECT * FROM clientes');
Если вам нужен клиент базы данных в стиле MongoDB, вам понравится LokiJS.
Если записей мало, то просто используйте sessionStorage.
$('#form-new-customer').on('submit', function (e) {
e.preventDefault();
let customer = $(this).serializeArray();
let customers = JSON.parse(sessionStorage.getItems('clientes'));
customers.push(customer);
sessionStorage.setItem('clientes', JSON.stringify(customers));
});
И как бы мы отправили после регистрации в локалсторе в нашу базу данных?
Вы можете сохранить любые данные, которые хотите, в локальном хранилище.
примечание: перед сохранением преобразуйте его в строку с помощью JSON.stringify()
и получить его следующим образом:
дополнительная информация: https://www.w3schools.com/html/html5_webstorage.asp
вы должны использовать ajax для отправки данных из javascript на язык сервера.
пример отправки переменных из js в php
и сервер login.php: он должен получить переменную данных
С восстановленными данными вы должны сделать соответствующие запросы для вставки в базу данных.
Если вы хотите провести сеанс в автономном режиме, вы можете сохранить новые записи локально. Есть разные способы, один из которых использует встроенную базу данных, такую как LokiJS или alaSQL . Если приложение небольшое, вы можете использовать
local/session storage
.Например, используя alaSQL :
Если вам нужен клиент базы данных в стиле MongoDB, вам понравится LokiJS.
Если записей мало, то просто используйте
sessionStorage
.Через запрос AJAX: