-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.js
75 lines (68 loc) · 2.23 KB
/
login.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
var login = function (event) {
var login_button,
error_message,
register_button;
var init = function () {
login_button = document.getElementById('button-login');
if (login_button) {
login_button.addEventListener('click' , handleLoginButtonClick , true);
}
register_button = document.getElementById('button-register');
if (register_button) {
register_button.addEventListener('click' , handleRegisterButtonClick , true);
}
error_message = document.getElementById('error');
}
var handleLoginButtonClick = function (event) {
postData({
'user_id' : document.getElementById('user_id').value,
'password' : document.getElementById('password').value,
'login_request' : true
});
}
var handleRegisterButtonClick = function (event) {
postData({
'user_id' : document.getElementById('user_id').value,
'password' : document.getElementById('password').value,
'name' : document.getElementById('name').value,
'register_request' : true,
});
}
var xmlhttp = new XMLHttpRequest();
var postData = function (data) {
xmlhttp.open("POST" , "./model.php" , true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
var stringToSend = "";
for (var key in data) {
stringToSend += key + "=" + data[key] + "&";
};
stringToSend = stringToSend.slice(0 , -1);
xmlhttp.send(stringToSend);
xmlhttp.onreadystatechange = function () {
if (xmlhttp.status == 200 && xmlhttp.readyState == 4) {
error_message.innerHTML = xmlhttp.responseText;
if (xmlhttp.responseText.indexOf("Sucess") != -1) {
window.setTimeout (function() {
window.location.reload();
} , 1000);
}
}
};
};
var createNode = function (type , id , classList , innerText , parentNode , onclickHandler , attributes) {
var node = document.createElement(type);
node.id = id;
for (var i = classList.length - 1; i >= 0; i--) {
node.classList.add(classList[i]);
};
node.appendChild( document.createTextNode (innerText) );
node.addEventListener('click' , onclickHandler , true);
parentNode.appendChild(node);
return node;
for (var key in attributes) {
node.setAttribute(key , attributes[key]);
};
};
init();
}
window.addEventListener('DOMContentLoaded' , login , true);