Estoy haciendo un programita el cual cuando el usuario de clic, este invoque 2 funciones que hacen cosas diferentes.
Cuando doy clic se envían ambas (ya lo verifiqué en las herramientas de desarrollador de Chrome) y de hecho responden correctamente ambas al PHP, sin embargo cuando regresan, solo me aparece el segundo div lleno, el primero no se llena.
Intenté invocar la función 2 en la 1, pero ahora se ejecuta la primera y no la segunda.
Lo mandé a llamar justo debajo de esta línea:
document.getElementById("employee").innerHTML = xmlhttp.responseText;
}function getInteractions(str);
};
pero no funciono :'(
¿Me podrían recomendar que pueda hacer? Aquí esta parte de mi código
JAVASCRIPT + AJAX
function getEmployees(str) {
if (str == "") {
document.getElementById("employee").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("employee").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "getEmployees.php?q=" + str, true);
xmlhttp.send();
}
}
function getInteractions(strg) {
if (strg == "") {
document.getElementById("interaction").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("interaction").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "getInteractions.php?a=" + strg, true);
xmlhttp.send();
}
}
HTML
<input type="text" id="theid" name="theid" placeholder="Escribe tu número de empleado" />
<button onclick="getEmployees($(#theid).val());getInteractions($(#theid).val());">Enviar</button>
<div id="employee"></div>
<div id="interaction"></div>