Ajaxは、フォームを使用して送信され、簡単なログイン

フロントエンドコード

<フォームのid = "loginForm"をonSubmit = "falseを返す"アクション= "##"メソッド= "ポスト"> 
    の<input type = "text"の名= "userNameに"クラス= "ユーザ名"プレースホルダ= "ユーザ名"> 
    <入力TYPE = "パスワード"名前= "パスワード"クラス= "パスワード"プレースホルダ= "パスワード"> 
    <ボタンタイプ= "ボタン" onclickの= "loginNowは（）"> </ button>の中で私をサイン
    の<divクラス= "エラー" >の<span> + </ span>を</ div> 
    <p個のID = "passwordTip"スタイル= "可視性：隠された">密码错误</ P> 
</ FORM>

コード部AJAX

関数loginNow（）{ 
     $アヤックス（{ 
        
         タイプ： "POST"、
         URL： "/ログイン"、
         データ：$（ "＃のloginForm"）（シリアライズ）、。
         データ型： "JSON"、
         成功：機能（結果）{ 
             IF（結果は== TRUE）{ 
                 //警告（ "成功"）
                 window.location.href = "/通知" 
             } {他
                のdocument.getElementById（ "passwordTip"）。style.visibility = "可視" 
                 //警告（」密码错误"）
             } 
         } 
     }）
 }

後端は、ユーザ名とパスワードが一致しているブール値のJSON形式を返した後に、分離の前および後に実行する遠位端を確認