我首先要说我是 Web 开发和 MVC 的绝对新手。
我想为订阅者页面（处理电子邮件营销的 MVC4 应用程序的一部分）实现一个视图。我要实现的是：
1) 当用户单击“+ 添加列表”按钮时，左侧会出现一个新的类别并且光标应该闪烁，这意味着它应该准备好从用户那里接收类别的名称。我还希望每当用户将鼠标悬停在左侧的任何类别名称上时，应该会出现一个包含两个按钮（编辑和删除）的小栏，让用户可以编辑类别名称或删除该类别。我想要的是所有这些都必须在不重新加载页面的情况下发生。
2) 当用户单击“+ 添加联系人”按钮时，应出现一个包含两个选项卡的弹出对话框，让用户可以手动输入详细信息或上传 CSV 以捕获详细信息。每当用户在弹出的对话框中单击“添加联系人”按钮或“上传并添加联系人”时，我希望新的联系人显示在图片所示的联系人列表区域中（再次，无需重新加载页面）。我也想要联系人的相同悬停栏（与类别相同）。
我对如何在 Razor 视图中实现这一点感到困惑？我用什么 - JavaScript/jQuery/AJAX？
我几乎迷路了。有人可以指导我一点，以便我可以继续并完成我的第一个 MVC4 项目吗？