Skip to content

Додавання користувача через JavaScript

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Завантаження...

[ Полезный рекламный блок ]

Попробуйте свои силы в игре, где ваши навыки программирования на C# станут решающим фактором. Переходите по ссылке 🔰.


У цій статті розглянемо приклад, як виконати додавання користувача з таблиці за допомогою JavaScript, разом із валідацією даних. Основний фундамент додатка: модель і репозиторій, контролер і подання, а також можливість видалення користувачів через JavaScript, були розглянуті в цій статті, якщо не читали, почніть з неї.

Спочатку, змінимо модель User, додамо відповідні атрибути валідації:

За допомогою цих атрибутів ми здійснимо клієнтську валідацію форми.

Тепер додамо в контролер Home таку дію:

Перейдемо в папку Views / Shared / _ValidationScriptsPartial.cshtml і додамо виклик Jquery:

У папці Views / Shared додамо часткове подання _CreateUserModal.cshtml, з таким вмістом:

За допомогою цього модального вікна, ми можемо додавати користувачів

У подання Index.cshtml над таблицею додамо кнопку для додавання користувача:

І виклик часткового подання з формою:

Для самої таблиці додаємо ідентифікатор:

За допомогою нього ми зможемо отримати таблицю і додати в неї рядок з новим користувачем.

Внизу цієї ж сторінки, розмістимо JavaScript код, для обробки відкриття модального вікна і відправки даних:

Не забудьте додати функцію для очищення даних форми:

Запустимо додаток і спробуємо додати користувача:

как добавить пользователя через JavaScript в Asp.Net

Я сподіваюся, що вам сподобалося читати цю статтю, і вона виявилася легкою для розуміння. Будь ласка, дайте мені знати, якщо у вас є якісь коментарі або виправлення.

Читайте першу частину статті – “Видалення користувача з підтвердженням через JavaScript“.

Так само вам може бути цікава попередня стаття – Як вивести дані з бази в Asp.Net.


Ви хочете навчитися писати код мовою програмування C#?

Створювати різні інформаційні системи, що складаються з сайтів, мобільних клієнтів, десктопних додатків, телеграм-ботів тощо.

Переходьте до нас на сторінку Dijix і ознайомтеся з умовами навчання, ми спеціалізуємося тільки на індивідуальних заняттях, як для початківців, так і для просунутих програмістів. Ви можете взяти як одне заняття для опрацювання питання, що вас цікавить, так і кілька, для більш щільної роботи. Завдяки особистому кабінету, кожен студент підвищить якість свого навчання, у вашому розпорядженні:

  • Доступ до пройденого матеріалу
  • Тематичні статті
  • Бібліотека книг
  • Онлайн тестування
  • Спілкування в закритих групах

https://dijix.com.ua

Живи у своєму світі, програмуй у нашому.

Published inAsp.Net Core
Підписатися
Сповістити про
guest
0 комментариев
Вбудовані Відгуки
Переглянути всі коментарі
0
Ми любимо ваші думки, будь ласка, прокоментуйте.x