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