如何使用XAMPP PHP發送和接收JSON

Question

我有一個運行此index.php的XAMPP 7.1.10-0服務器

<?php
    if(isset($_POST["username"])) {
        echo $_POST;
        header("Location:getbooks.php");
        exit;
    } else {    
        echo file_get_contents("login.html");
    }
?>

這最初可以工作並顯示login.html文件。 然后，我想再次對該文件進行ajax調用以切換到另一個html文件。 所以login.js做到了。

window.onload = function() {
    var button = document.getElementById("submit");
    button.onclick = function() {
    var user = document.getElementById("username").value;
    var pass = document.getElementById("password").value;
    var data = {"username": user, "password": pass};
    data = $(this).serialize() + "&" + $.param(data);
        $.post('index.php', data, function(response) {
            console.log(response);
        });
    }
}

您可以想象有一個單擊的按鈕，單擊該按鈕時會進行Ajax調用。 當我單擊按鈕時，它不會更改標題，因此不會更改頁面。 有人知道我在做什么錯嗎？

Answer 1

如果要重定向，則可以使用AJAX成功方法進行。

login.html ：

<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
</head>
<body>
    <div class="form">
        Username: <input id="username" type="text"></input> <br>
        Password: <input id="password" type="password"></input> <br>
        <button id="submit">Submit</button>
    </div>
    <!-- jQuery -->
    <script
    src="https://code.jquery.com/jquery-1.12.4.min.js"
    integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
    crossorigin="anonymous"></script>   
    <script type="text/javascript">
        $(document).ready(function(){
            var button = document.getElementById("submit");
            button.onclick = function() {
            var user = document.getElementById("username").value;
            var pass = document.getElementById("password").value;
            $.ajax({
                url: 'index.php',
                data: {
                    "username" : user,
                    "password" : pass
                },
                type: 'POST',
                success: function(response) {
                    window.location = response;
                },
                error: function(error) {
                }
            });     
            }       
        })
    </script>
</body>
</html>

index.php ：

<?php
    if(isset($_POST["username"])) {
        //process the array
        echo "getbooks.php";
    } else {    
        echo file_get_contents("login.html");
    }
?>

除此之外，您還可以在AJAX中處理來自PHP的響應以更新頁面視圖而無需重定向。

如何使用XAMPP PHP發送和接收JSON

問題描述

1 個解決方案

解決方案1
0 2017-10-31 05:44:42

如何使用XAMPP PHP發送和接收JSON

問題描述

1 個解決方案

解決方案1 0 2017-10-31 05:44:42

解決方案1
0 2017-10-31 05:44:42