如何在ASP.NET MVC中创建一个简单的引导模式对话框
在我的登录页面上,用户单击ForgotPassword链接并转到此页面以填写表单并请求新密码
http://localhost:2350/Account/ForgotPassword
现在,当他们在该页面中单击“ 保存 ”时,他们的请求已创建。 所以我只需要一个Bootstrap模式对话框弹出并说出“你的请求已被提交”,并在其上单击“确定”按钮 ,当他们单击“确定”时,会将他们带回登录页面。
我从来没有做过Ajax
,Popup对话等等。就像这样。 你能指点一些不太复杂的教程代码来跟踪和复制吗? 因为我的模态非常简单,不包含数据,只有一个静态文本和一个OK按钮,重定向到它上面的登录页面。
您可以像这样设置Bootstrap Modal :
Modal Example
在JavaScript代码中,您可以捕获“ OK
按钮的click
事件。 然后,调用ajax并重定向到登录页面。
$('#submitButton').click(function() { // Call AJAX here $.ajax({ method: "POST", url: "", // Your URL here data: "" // Your data here }); // Redirect here });
请查看此jsfiddle以获取更多详细信息。
我推荐使用bootbox.js( http://bootboxjs.com/ )。
它是一个很好的引导程序的小插件,可以实现一些非常简单但又漂亮的引导程序样式的模态行为,并提供您所需要的。
文档也很好。