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

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

https://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( )。

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

    文档也很好。

      以上就是jQuery教程分享如何在ASP.NET MVC中创建一个简单的引导模式对话框相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      www.ctvol.com true Article jQuery技术:如何在ASP.NET MVC中创建一个简单的引导模式对话框

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/524399.html

      (0)
      上一篇 2020年12月11日 下午8:11
      下一篇 2020年12月11日 下午8:13

      精彩推荐