### 用户登陆时的提交路径为: ~~~ /index.php/Member/PublicLogin ~~~ ### 请求参数为: * **login**:登陆用户(名) * **password**:登陆密码 ### 参考实例: ~~~ <div class="panel panel-default"> <div class="panel-heading">用户登陆</div> <div class="panel-body"> <!-- 登陆后的用户信息 --> <div id="LoginInfo"></div> <!-- 提交登陆的表单 --> <form id="formLogin"> <div class="form-group"> <label for="login">用户名</label> <input type="text" class="form-control" id="login" name="login" placeholder="请输入登陆用户名"> </div> <div class="form-group"> <label for="password1">密码</label> <input type="password" class="form-control" id="password1" name="password" placeholder="请输入登陆用户密码"> </div> <button type="submit" id="btnLogin" class="btn btn-default">点击登录</button> </form> </div> </div> ~~~ ### JS 脚本处理示例: 这里的示范JS 依赖的是JQUERY ,所以首先要引入这个库 ~~~ <script src="/statics/js/pkcms.js" type="text/javascript"></script> <script> $(window).ready(function () { // 页面加载后主动检测前台用户是否在线 // LoginInfo 和 formLogin 就是上面 HTML 代码的两个标签的 ID pkcms.ajaxlogin('LoginInfo','formLogin'); $("#btnLogin").click(function () { $(this).val("数据正在提交,请稍候").attr('disabled', 'disabled'); $.ajax({ url: '/index.php/Member/PublicLogin', data: $('#formLogin').serialize(), type: 'post', success: function (result) { // 成功登陆后的主动请求返回登陆的用户信息 pkcms.ajaxlogin('LoginInfo','formLogin'); }, error: function (xhr, status, error) { // 登陆失败的原因提示 var result = $.parseJSON(xhr.responseText); // console.log(result); alert(result.msg); $("#btnLogin").removeAttr('disabled'); } }); }); }); </script> ~~~