登录（ajax提交数据和后台校验）

发布时间：2020-05-25 03:02:35 所属栏目：PHP 来源：互联网

导读：1.前台ajax数据提交form id=login_form action= method=POSTdiv class=login_frame style=position:relative;div class=login_gl style=margin-top:35px;span class=login_wz 后台管理系统/span/divdiv class=login_userinput id=username name=username type

1.前台ajax数据提交

后台管理系统

    <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;div </span><span style="color: #ff0000"&gt;class</span><span style="color: #0000ff"&gt;="login_user"</span><span style="color: #0000ff"&gt;></span>
        <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;input </span><span style="color: #ff0000"&gt;id</span><span style="color: #0000ff"&gt;="username"</span><span style="color: #ff0000"&gt; name</span><span style="color: #0000ff"&gt;="username"</span><span style="color: #ff0000"&gt; type</span><span style="color: #0000ff"&gt;="text"</span><span style="color: #ff0000"&gt; placeholder</span><span style="color: #0000ff"&gt;="请输入您的用户名"</span><span style="color: #ff0000"&gt; value</span><span style="color: #0000ff"&gt;=""</span><span style="color: #ff0000"&gt;  style</span><span style="color: #0000ff"&gt;="width:100%;height:32px;border-style:none;font-size:16px;color:#959595;"</span><span style="color: #0000ff"&gt;/></span>
    <span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;div</span><span style="color: #0000ff"&gt;></span>

    <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;div </span><span style="color: #ff0000"&gt;class</span><span style="color: #0000ff"&gt;="login_user"</span><span style="color: #0000ff"&gt;></span>
        <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;input </span><span style="color: #ff0000"&gt;id</span><span style="color: #0000ff"&gt;="password"</span><span style="color: #ff0000"&gt; name</span><span style="color: #0000ff"&gt;="password"</span><span style="color: #ff0000"&gt; type</span><span style="color: #0000ff"&gt;="password"</span><span style="color: #ff0000"&gt; placeholder</span><span style="color: #0000ff"&gt;="请输入您的密码"</span><span style="color: #ff0000"&gt; value</span><span style="color: #0000ff"&gt;=""</span><span style="color: #ff0000"&gt;  style</span><span style="color: #0000ff"&gt;="width:100%;height:32px;border-style:none;font-size:16px;color:#959595;"</span><span style="color: #0000ff"&gt;/></span>
    <span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;div</span><span style="color: #0000ff"&gt;></span>

    <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;div </span><span style="color: #ff0000"&gt;id</span><span style="color: #0000ff"&gt;="login_btn"</span><span style="color: #ff0000"&gt; class</span><span style="color: #0000ff"&gt;="login_log"</span><span style="color: #0000ff"&gt;></span>
        <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;span </span><span style="color: #ff0000"&gt;style</span><span style="color: #0000ff"&gt;="font-size:16px;"</span><span style="color: #0000ff"&gt;></span>登录<span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;span</span><span style="color: #0000ff"&gt;></span>
    <span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;div</span><span style="color: #0000ff"&gt;></span>
<span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;div</span><span style="color: #0000ff"&gt;></span>

</form>
</div>
<script type="text/javascript">
$("#login_btn").click(function(){
var username = $.trim($("#username").val());
var password = $.trim($("#password").val());
if(username == ""){
alert("请输入用户名");
return false;
}else if(password == ""){
alert("请输入密码");
return false;
}
//ajax去服务器端校验
var data= {username:username,password:password};

    $.ajax({
        type:</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;POST</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;,url:</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;__CONTROLLER__/check_login</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;,data:data,dataType:</span><span style="background-color: #f5f5f5; color: #000000"&gt;'</span><span style="background-color: #f5f5f5; color: #000000"&gt;json</span><span style="background-color: #f5f5f5; color: #000000"&gt;'</span><span style="background-color: #f5f5f5; color: #000000"&gt;,success:</span><span style="background-color: #f5f5f5; color: #0000ff"&gt;function</span><span style="background-color: #f5f5f5; color: #000000"&gt;(msg){
            </span><span style="background-color: #f5f5f5; color: #008000"&gt;//</span><span style="background-color: #f5f5f5; color: #008000"&gt;alert(msg);</span>
            <span style="background-color: #f5f5f5; color: #0000ff"&gt;if</span><span style="background-color: #f5f5f5; color: #000000"&gt;(msg</span><span style="background-color: #f5f5f5; color: #000000"&gt;==</span><span style="background-color: #f5f5f5; color: #000000"&gt;1</span><span style="background-color: #f5f5f5; color: #000000"&gt;){
                  window.location.href </span><span style="background-color: #f5f5f5; color: #000000"&gt;=</span> <span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;{:U('Index/personal')}</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;;   
            }</span><span style="background-color: #f5f5f5; color: #0000ff"&gt;else</span><span style="background-color: #f5f5f5; color: #000000"&gt;{
                alert(</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;登录失败，请重试!</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;);
            }
        }
    });

});
</script>

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!