JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<body>
<div id="dummy">
Logging in...
</div>
</body>
</html>
JavaScript
function redirect(url) {
console.log('Redirect to ' + url);
window.location.href = url;
}
$.ajax({
type: "GET",
url: 'https://reqres.in/api/users/',
contentType: "application/json;charset=utf-8",
async: true,
success: function (resp) {
if (resp !== undefined) {
console.log(resp.data.first_name + ' ' + resp.data.last_name + ' logged in');
redirect("https://bing.com");
}
else {
alert("Invalid AJAX response!");
}
},
error: function (resp) {
alert("Failure: " + resp.message);
}
});