php - フォーム データを別の PHP ページに投稿し、JSON を取得し、JSON の解析に基づいて直接送信する

Question

わかりましたので、フォームのある基本的なログインページがあります:

<form name="register" class="form-horizontal" id="signup" onsubmit="return validateForm(this);" action="check.php">
                <div class="control-group input-append">
                <label for="text" class="control-label">Name</label>
                    <div class="controls">

                                <input id="name" name="name" type="name" placeholder="Enter your name"/> 

                    </div>
             </div>
                 <br>
             <div class="control-group input-append">
                <label for="passwd" class="control-label">Password</label>
                    <div class="controls">

                                <input id="pass" name="pass" type="pass" placeholder="Enter your password"/> 

                    </div>
                </div>
            <br>
            <div class="control-group">
                <div class="controls">
                    <div class="left1">
                        <input type="submit" name="submit" class="btn btn-success"/>
                     </div>
                </div>
                </div>
                <br> 


    </form>

[送信] をクリックすると、名前とパスワードを に投稿する必要がありますcheck.php。ブラウザでページを に更新したくありませんcheck.php。

結果の JSON 配列を取得して解析し、ログインが成功した場合はそのリダイレクトに基づいてください。

現在、投稿または取得のいずれかを実行できますが、両方を実行することはできません。そして、ブラウザにページを更新させたくありませんcheck.php。

アップデート：

私はまだこれを機能させていません。どうぞご覧ください。

        <form class="form-horizontal" id="login-form">
                <div class="control-group input-append">
                <label for="text" class="control-label">Email</label>
                    <div class="controls">

                                <input name="email" id="email" type="email" value="" placeholder="Enter your email"/> 

                    </div>
             </div>
                 <br>
             <div class="control-group input-append">
                <label for="passwd" class="control-label">Password</label>
                    <div class="controls">

                                <input name="passwd" id="passwd" type="password" value="" placeholder="Enter your password"/> 

                    </div>
                </div>
            <br>
            <div class="control-group">
                <div class="controls">
                    <div class="left1">
                        <input type="button" id="login" value="Login" class="btn btn-success"/>
                     </div>
                </div>
                </div>
                <br>    
        </form>
    </div>
</div>

</body>
<script>



$('#login').click(function(){
    $.ajax({
        url:"login.php",
        type:'POST',
        data: $("#login-form").serialize()
        }).done(function(data){
              alert(JSON.stringify(data)); 
       });
    }
});
</script>