<!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)); }