javascript - 动态调用模态 Bootstrap 进行登录

Question

我想知道如果用户在未登录时执行操作，则使用哪个逻辑来显示登录模式。场景示例:

用户A登录网站，他打开另一个页面并注销，他返回到之前登录的页面并在ajax中在shoutbox上写评论。用户尚未登录，应显示一个带有登录表单的模式(如果可能的话， Bootstrap )。

显然检查是用php完成的，一切都完成了，我不知道如何调用模式并在检查php失败后打开它。

我想到了一个解决方案，比如将modal放在所有页面中，并在ajax结果后用 $('#modal').modal('show'); 调用它，但是我认为将模式放在所有页面中不是正确的解决方案，也许有一种动态调用它的方法

Answer 1

这是您可以尝试的方法，

$.ajax({
// your ajax code, in php file you check session if not return NotLoggedIn message
   success:function(data) {
       if(data == 'NotLoggedIn') {
          $('#modalbody').html('here is the html of your login form');
          $('#modal').modal('show');
       } else {
          // other code
       }
   }
});