如何在ASP.NET MVC中创建一个简单的引导模式对话框

在我的登录页面上，用户单击ForgotPassword链接并转到此页面以填写表单并请求新密码

http://localhost:2350/Account/ForgotPassword 

现在，当他们在该页面中单击“ 保存 ”时，他们的请求已创建。 所以我只需要一个Bootstrap模式对话框弹出并说出“你的请求已被提交”，并在其上单击“确定”按钮 ，当他们单击“确定”时，会将他们带回登录页面。

我从来没有做过Ajax ，Popup对话等等。就像这样。 你能指点一些不太复杂的教程代码来跟踪和复制吗？ 因为我的模态非常简单，不包含数据，只有一个静态文本和一个OK按钮，重定向到它上面的登录页面。

Answer 1

您可以像这样设置Bootstrap Modal ：

 
 
Modal Example
  
 Launch Modal 
  
 
 × 
Modal Example
 
 
 
 This is your body 
 
 
 Close OK 
 
  

在JavaScript代码中，您可以捕获“ OK按钮的click事件。 然后，调用ajax并重定向到登录页面。

 $('#submitButton').click(function() { // Call AJAX here $.ajax({ method: "POST", url: "", // Your URL here data: "" // Your data here }); // Redirect here }); 

请查看此jsfiddle以获取更多详细信息。

Answer 2

我推荐使用bootbox.js（ http://bootboxjs.com/ ）。

它是一个很好的引导程序的小插件，可以实现一些非常简单但又漂亮的引导程序样式的模态行为，并提供您所需要的。

文档也很好。