AJAX POST数据未发送

Question

On button click, i want to post the contents of the email text box. When i click the login button nothing happens.

My File dir:

Model/ <-- configuration.php is inside Model dir.

View/

Controller/

index.php <-- calls the header, body, and footer php classes that are in the view dir

                    <!-- Modal body -->
                <div class="modal-body" style="padding:40px 50px;">
                    <form>
                        <div class="form-group">
                            <label for="usrname"><span class="glyphicon glyphicon-user"></span> Username</label>
                            <input type="text" class="form-control" name="email" id="email" placeholder="Enter email">
                        </div>
                        <div class="form-group">
                            <label for="psw"><span class="glyphicon glyphicon-eye-open"></span> Password</label>
                            <input type="text" class="form-control" id="password" placeholder="Enter password">
                        </div>
                        <div class="checkbox">
                            <label><input type="checkbox" value="" checked>Remember me</label>
                        </div>
                        <button type="button" name="loginButton" id="loginButton" name="loginButton" class="btn btn-success btn-block">Login</button>
                    </form>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <p>Not a member? <a href="View/registration.php">Sign Up</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $("#loginButton").click(function() {
            $.ajax({
                type: "POST",
                url: "Model/configuration.php?action=login",
                data: "email=" + $("#email").val(),
                success: function (result) {
                    alert("result");
                }
            })
        })
    })
</script>

PHP file

<?php

if($_GET['action'] == "login") {
    print_r($_POST);
}

?>

Answer 1

$("#loginButton").click(function() {
            $.ajax({
                type: "POST",
                url: "Model/configuration.php?action=login",
                data: {email:$("#email").val()},
                success: function (result) {
                    alert("result");
                }
            })
        })

Answer 2

You should serialize your form and pass to data.

data: $("#FormId").serialize()

See also https://api.jquery.com/serialize/

Answer 3

The problem seems to be that your if condition had an extra parentheses.

Try this:

<?php

if($_GET['action'] == "login") {
    print_r($_POST);
}

?>