如何在同一页面上显示用户输入，并带有删除选项

Question

美好的一天程序员。我是jsp / javascript的新手，但是这个网站到目前为止帮助了我很多，但我可以使用一些更多的帮助或指导解决我遇到的问题。 我正在制作一个用于创建和保存食谱的Web应用程序。对于我的“添加食谱”过程，我让用户输入食谱名称，然后将它们定向到另一个页面，在那里他们可以从下拉列表中选择一种成分（从sql db填充），输入数量，然后单击按钮另一种成分。 我想做的是选择成分，并在选择成分的同一页面上向用户显示数量。我还想在“打印输出”的末尾添加一个按钮，允许用户删除该成分 到目前为止，我认为我应该使用一个表，并在用户添加成分时创建一行，然后使用deleterow（）方法删除该成分（如果需要）。 有人认为这可行吗？或者有更好的解决方案。 PS：我对jsp和javascript很新。 提前感谢所提供的任何帮助。

Answer 1

您可以使用ajax来实现此目的。为此，使用jQuery将使您编写更少的代码行。 所以它会像这样工作，他们已经输入了食谱名称。现在在该字段输入上使用char address [6];//global char binAddress[24]; //global scanf("%s", address); //in some other function ，您可以加载成分的下拉列表，并为其提供输入数量的选项，并使用按钮选择成分以保存该数据。 当他们点击按钮进行保存时，在保存到数据库后，你进行ajax调用以加载最近添加的项目，并带有一个按钮来删除它，当他们点击删除时，你对数据库进行另一次ajax调用删除它。 这是关于javaScript的ajax的指南