PHP ログイン (Ajax 送信データとバックグラウンド検証)

亚连
リリース: 2018-05-22 12:01:02
オリジナル
6196 人が閲覧しました

この記事では、主に 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:&#39;json&#39;,
      success:function(msg){
        //alert(msg);
        if(msg==1){
           window.location.href = "{:U(&#39;Index/personal&#39;)}";  
        }else{
          alert("登录失败,请重试!");
        }
      }
    });
});  
</script>
ログイン後にコピー

上記は私がまとめたもので、将来的に皆さんのお役に立てれば幸いです。

関連記事:

AJAX は更新せずにユーザー名を検出する機能を実装します

jQuery で Web サービスを呼び出す ajax を介して配列パラメーターを渡す問題 (グラフィック チュートリアル)

Ajax を使用して配列とバックグラウンドで受信する方法の詳しい説明


以上がPHP ログイン (Ajax 送信データとバックグラウンド検証)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!