Javascript 单击按钮登录后没有响应

Javascript 单击按钮登录后没有响应,javascript,jquery,single-sign-on,jogetworkflow,Javascript,Jquery,Single Sign On,Jogetworkflow,我目前使用Joget SSO创建了一个PHP登录。Joget已经有了自己的SSO脚本。我按照步骤操作,如果用户名和密码匹配,它将提示“登录成功”,否则,它将提示“登录失败”。下面是我的代码 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head&g

我目前使用Joget SSO创建了一个PHP登录。Joget已经有了自己的SSO脚本。我按照步骤操作,如果用户名和密码匹配,它将提示“登录成功”,否则,它将提示“登录失败”。下面是我的代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
     </head>
    <body>

    <h2>Login Form</h2>

    <form >
      <div class="imgcontainer">
        <img src="img_avatar2.png" alt="Avatar" class="avatar">
      </div>

      <div class="container">
        <label for="uname"><b>Username</b></label>
        <input type="text" placeholder="Enter Username" name="username" required>

        <label for="psw"><b>Password</b></label>
        <input type="password" placeholder="Enter Password" name="psw" required>

        <button type="submit" onclick="loginCallback()">Login</button>
        <label>
          <input type="checkbox" checked="checked" name="remember"> Remember me
        </label>
      </div>

      <div class="container" style="background-color:#f1f1f1">
        <button type="button" class="cancelbtn">Cancel</button>
        <span class="psw">Forgot <a href="#">password?</a></span>
      </div>
    </form>

    </body>
    </html>

    <script type="text/javascript" src="http://localhost:8080/jw/js/jquery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://localhost:8080/jw/js/json/util.js" ></script>

    <script type="text/javascript" >
    $(document).ready(function(){
        var loginCallback = {
            success : function(response){
                if(response.username != "roleAnonymous"){
                    alert("login successfully");
                }else{
                    alert("login fail");
                }
            }
        };
        AssignmentManager.login('https://workflow.topglove.com:10443/jw/web/json/directory/user/sso', 'admin', 'admin', loginCallback);
    });
    </script>

登录表单
用户名
密码
登录
记得我吗
取消
忘记
$(文档).ready(函数(){
var loginCallback={
成功:功能(响应){
if(response.username!=“roleAnonymous”){
警报(“登录成功”);
}否则{
警报(“登录失败”);
}
}
};
AssignmentManager.login('https://workflow.topglove.com:10443/jw/web/json/directory/user/sso“,”admin“,”admin“,”loginCallback);
});

loginCallback是一个对象。您可以将其作为函数使用,也可以在onclick中使用loginCallback.success()


我还怀疑该控件是否位于document.ready方法中。您可以在其中添加一个控制台,并检查它是否声明了loginCallback变量

控制台中的错误?loginCallback不是一个函数
Try the below

function loginCallback() {
                success : function(response){
                    if(response.username != "roleAnonymous"){
                        alert("login successfully");
                    }else{
                        alert("login fail");
                    }
                }
            };
            AssignmentManager.login('https://workflow.topglove.com:10443/jw/web/json/directory/user/sso', 'admin', 'admin', loginCallback());