Я пытаюсь закодировать страницу регистрации. Когда пользователь вводит «admin» и пароль «pass», создаются дата и время. Затем я пытаюсь сохранить эти даты и время в таблице, чтобы вести учет времени регистрации для пользователей. Можно ли это сделать через Ajax? Как бы то ни было, когда пользователь входит в систему, текущая дата и время будут отображаться на странице.
var rootURL = "http://localhost:8080/SCC/rest/checkin";
$(document).ready(function() {
// on click Sign In Button checks that username =='admin'
// and password == 'password'
//var newD = newDate();
$("#login").click(function() {
if ($("#loginUserName").val() == 'admin' && $("#loginPassword").val() == 'pass') {
$("#signIn").hide();
newDate();
addCheckIn();
} else {
alert("Please try again")
}
$("#logout").click(function() {
$("form")[0].reset();
$("#signIn").show();
$("#second").hide();
});
navigator.geolocation;
const successfulLookup = (position) => {
const { latitude, longitude } = position.coords;
fetch('https://api.opencagedata.com/geocode/v1/json?q=${latitude}+${longitude}&key=42815d59fd754ae0a68c6efcdc90d09e')
.then(response => response.json())
.then(console.log);
};
navigator.geolocation.getCurrentPosition(successfulLookup, console.log);
});
var newDate = function(){
exd = new Date();
var hours=exd.getHours();
var min=exd.getMinutes();
var sec=exd.getSeconds();
var dat=exd.getDate();
var month=exd.getMonth();
var year=exd.getFullYear();
var dn="AM";
if(hours==12){
dn="PM";
}
if(hours>12){
dn="PM";
hours=hours-12;
}
if(hours<10){
hours="0"+hours;
}
if(min<10){
min="0"+min;
}
if(sec<10){
sec="0"+sec;
}
if(dat<10){
dat="0"+dat;
}
if(month<10){
month="0"+month;
}
var clock = hours+":"+min+":"+sec+""+dn;
var datee = dat+"-"+ month+"-"+year;
$("#second").append("<p>Your Login Time is </p> " + clock + "<p>Your Login Date is </p> " + datee);
}
var addCheckIn = function() {
console.log('addCheckIn');
$.ajax({
type : 'POST',
contentType : 'application/json',
url : rootURL,
dataType : "json",
data : formToJSON(),
success : function(data, textStatus, jqXHR) {
alert('CheckIn Time Added');
},
error : function(jqXHR, textStatus, errorThrown) {
alert('CheckIn error: ' + textStatus);
}
});
};
var formToJSON = function(){
return JSON.stringify({
"checkInTime" : clock,
"checkInDate" : datee
});
};
});