この記事では、主に PHP ログイン (Ajax 送信データとバックグラウンド検証) のサンプル コードを共有します。これについては、一緒に見てみましょう
1.
2. 背景の検証:<form id="login_form" action="" method="POST">
<p class="login_frame" style="position:relative";>
<p class="login_gl" style="margin-top:35px;">
<span class="login_wz" >后台管理系统</span>
</p>
<p class="login_user">
<input id="username" name="username" type="text" placeholder="请输入您的用户名" value="" style="width:100%;height:32px;border-style:none;font-size:16px;color:#959595;"/>
</p>
<p class="login_user">
<input id="password" name="password" type="password" placeholder="请输入您的密码" value="" style="width:100%;height:32px;border-style:none;font-size:16px;color:#959595;"/>
</p>
<p id="login_btn" class="login_log">
<span style="font-size:16px;">登录</span>
</p>
</p>
</form>
</p>
<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:"POST",
url:"__CONTROLLER__/check_login",
data:data,
dataType:'json',
success:function(msg){
//alert(msg);
if(msg==1){
window.location.href = "{:U('Index/personal')}";
}else{
alert("登录失败,请重试!");
}
}
});
});
</script>
関連記事:
AJAX は更新せずにユーザー名を検出する機能を実装します jQuery で Web サービスを呼び出す ajax を介して配列パラメーターを渡す問題 (グラフィック チュートリアル)
Ajax を使用して配列とバックグラウンドで受信する方法の詳しい説明
以上がPHP ログイン (Ajax 送信データとバックグラウンド検証)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。