1. Home
  2. Docs
  3. PHP
  4. AJAX
  5. easy

easy

    <!DOCTYPE html>
    <html lang="en">
    <head>
    
    
        <!--
        <script src="httpsss://cdn.tiny.cloud/1/mott8ilewgbu1tryzfu9q7sdcmn5qfqt19jixbvaqgaz6kjc/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
        -->
        <script src="httpsss://code.jquery.com/jquery-1.11.3.js"></script>
    
        <script type="text/javascript">
            $(document).ready(function() {
                $('#loginform').submit(function(e) {
                    e.preventDefault();
                    $.ajax({
                        type: "GET",
                        url: '02-AJAX_php資料回傳.php',
                        data: $(this).serialize(),
                        success: function(response)
                        {
                            console.log(response);
    
    
                            var jsonData = JSON.parse(response);
                            if (jsonData.success == true)
                            {
                                console.log(response);
                                alert(jsonData.username);
                            }
                            else
                            {
                                alert('Invalid Credentials!');
                            }
                        }
                    });
                });
            });
        </script>
    
    
    
    </head>
    <body>
    
    <form id="loginform" method="get">
        <div>
            Username:
            <input type="text" name="username" id="username" />
            Password:
            <input type="password" name="password" id="password" />
            <input type="submit" name="loginBtn" id="loginBtn" value="Login" />
        </div>
    </form>
    www.powenko.com
    </body>
    </html>
    

    <?php
    if (isset($_GET['username']) && $_GET['username'] && isset($_GET['password']) && $_GET['password']) {
    
    
    
    
        $username= isset($_GET['username']) ? $_GET['username'] : '';
        $password= isset($_GET['password']) ? $_GET['password'] : '';
    
        $array2=json_encode(array(
            "success" => true,
            "username" => $username,
            "password" => "xxxx",
            "id" => 20200822,
        ));
        echo  $array2;
    
    } else {
        echo json_encode(array('success' => 0));
    }