Я делаю прикладную программу, который, когда пользователь клика, этот призовет 2 функции, которые делают различные вещи.
Когда я даю клик, они посылают себе оба (уже я это проверил в программных средствах разработчика Chrome) и в самом деле отвечает правильно оба в PHP, однако, когда они возвращаются, только он появляется у меня второй полный div, первый не наполняется.
Я попробовал призывать функцию 2 в 1, но сейчас работает первая и не вторая.
Я послал называть это точно под этой линией:
document.getElementById("employee").innerHTML = xmlhttp.responseText;
}function getInteractions(str);
};
но я не функционирую :'(
Они могли бы рекомендовать мне мочь делать? Здесь эта часть моего кода
JAVASCRIPT + АЯКС
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>
попробуй использовать функцию when jquery. Следующий код был таким, как я решил ту же проблему, которая у тебя есть, он нуждался в том, чтобы наполнить какие-то каталоги и консультировать настоящую информацию для того, чтобы пользователь мог издавать данные.
$.when(
$.ajax({
type: "GET",
dataType: "json",
url: "localhost/sistema",
async: false,
username: "cd",
password: "****",
success: function(data) {
distritos = data;
}
}),
$.ajax({
type: "GET",
dataType: "json",
url: "localhost/sistema",
async: false,
username: "cd",
password: "****",
success: function(data) {
reclusorios = data;
}
}),
$.ajax({
type: "GET",
dataType: "json",
url: "localhost/sistema",
async: false,
username: "cd",
password: "****",
success: function(data) {
delitos = data;
}
}),
$.ajax({
type: "GET",
dataType: "json",
url: "localhost/sistema",
async: false,
username: "cd",
password: "****",
success: function(data) {
datos = data;
}
})
).done(function() {
// escribir html o lo que necesites...
}
В done уже у тебя были бы все данные, которых ты обсуждаешь с просьбами AJAX и которых сохраняешь в твоих переменных, в мой случай это преступления, и т.д.
Забытый сноп помещать кавычки в id
составной части, в обоих случаях.
ты Должен заменять, $(#theid)
из-за $('#theid')
,
Пример...
<button onclick="getEmployees($('#theid').val()); getInteractions($('#theid').val());">
Enviar
</button>
AquГ - оставил тебе demo , я не могу помещать ее aquГ - из-за которого stack snippets не выносят ajax .
действительно, как он говорит, что @fancer проблема состоит в том, что ты делаешь одновременные призывы к этим функциям. Он будет давать тебе ошибки, если он заканчивает сначала вызов, который зависит от другой.
Помести в false последний параметр функции:
xmlhttp.open("GET", "getInteractions.php?a=" + false);