如何在成功提交表单的基础上更改网页某个部分的内容以显示另一个部分



我的web应用程序中有一个部分,其中包含一个表单,供用户订阅时事通讯。我使用Mailchimp来存储通过我的网站签名的订阅者列表。一切都很好,到目前为止都很好(顺便说一句,我正在使用mailchimp API将我的网站的订阅者添加到mailchimp的观众列表中(。

时事通讯部分有一个字段用于收集电子邮件地址。我想做的是:一旦用户提交了表单,就留在同一个页面上(毕竟,这个部分是主页的一部分,还有其他部分(,但显示一条成功的消息。

我一直在研究一些事情,我可以(a(禁用文本框并在其中显示成功消息,(b(将整个部分更改为不再显示文本框而是显示成功消息(使用部分视图(,或者只是在当前文本框的上方或下方显示一条消息,指示表单提交成功。我更喜欢使用部分,并在该部分中返回一个完全不同的视图和确认消息(下次使用relaods时,可以重新显示文本框(。

因此,我的问题是,在成功提交表单时,如何更改该部分以引入另一个视图(同时删除现有视图(?

注意:我一直在寻找很多线索,其中包括查询字符串、在html页面中使用剃刀渲染不同的部分等。

明白了。我使用的是TempData和Razor-OnPost,我将成功消息存储在TempData中并重定向到./Index。从那里,我检查以确保TempData不是null(TempData.Peek()(,然后显示消息。这已经奏效了。我可以将其保留为这样,或者通过使用TempData的值来确定要渲染的部分来增强它。

相关内容

最新更新