Как я могу отображать пользовательский ввод на той же странице, с возможностью удаления

Question

Простые программисты. Я очень новичок в jsp/javascript, но этот сайт мне очень помог, но я могу использовать дополнительную помощь или руководство для проблемы, с которой я сталкиваюсь. Я создаю веб-приложение для создания и сохранения рецептов. Для моего процесса «добавить рецепт» у меня есть пользователь, который вводит имя рецепта, затем направляется на другую страницу, где они могут выбрать ингредиент из раскрывающегося списка (заполненный из sql db), ввести количество, а затем нажать кнопку к другому ингредиенту. Что я хочу сделать, это выбрать ингредиент и количество, отображаемое пользователю на той же странице, где они выбирают ингредиенты. Я также хочу добавить кнопку в конце «распечатки», которая позволяет пользователю удалить этот ингредиент.
До сих пор я думаю, что я должен использовать таблицу и создать строку, когда пользователь добавит ингредиент, а затем использовать метод deleterow() для удаления этого ингредиента, если это необходимо. Кто-нибудь думает, что это может сработать? или иметь лучшее решение. PS: Я очень новичок в jsp и javascript. Заранее благодарим за оказанную помощь.

Answer 1

Вы можете использовать ajax для достижения этого. Для этого использование jQuery заставит вас писать намного меньшее количество строк кода. Итак, он будет работать так, они вошли в название рецепта. Теперь, используя onblur на этом полевом вводе, вы загружаете раскрывающийся список ингредиентов и даете им возможность вводить количество и выбираете ингредиент кнопкой, чтобы сохранить эти данные. Когда они нажимают на кнопку для сохранения, после ее сохранения в базу данных вы делаете вызов ajax для загрузки последнего добавленного элемента кнопкой для его удаления, а когда они нажимают на удаление, вы делаете еще один вызов ajax в базу данных для удаления. Вот руководство к ajax на javaScript https://developer.mozilla.org/en-US/docs/AJAX