Em função xmlhttp.onreadystatechange, como faço para passar o nome do ID Quero editar?
-
07-07-2019 - |
Pergunta
Aqui está o meu código. Veja a linha que está comentada. Quando o ID de elemento (que é uma span) é codificado, ele funciona. Quando o ID é criado pela concatenação as variáveis ??passadas para stateChanged, ele não funciona. Não tenho o direito de passar variáveis ??para stateChanged? O que há de errado?
function multiplePassportPoints(id, counter)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="addmorepoints.php";
url=url+"?id="+id+"&c="+counter;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged(id,counter);
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged(id, counter)
{
if (xmlhttp.readyState==4)
{
//THIS WORKS (assuming id is 99 and counter is 5:
//document.getElementById("99_5").innerHTML += xmlhttp.responseText;
//BUT I NEED IT TO WORK LIKE THIS:
document.getElementById(studentID+"_"+counter).innerHTML += xmlhttp.responseText;
}
}
Obrigado!
Solução
Você pode alterar o código para este
xmlhttp.onreadystatechange = function () {
stateChanged(id,counter);
};
Outras dicas
<script type="text/javascript">
var i=1;
function validate(str)
{
xmlHttp=GetXmlHttpObject()
var url="checkvalidate.php"
url=url+"?User9="+str
xmlHttp.onreadystatechange=stateChanged19
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged19()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("valid"+i)
.innerHTML=xmlHttp.responseText
i=i+1;
} }
</script>
Um método melhor que pode ser chamado várias vezes antes dos acabamentos chamada anterior. Note que se você chamar multiplePassportPoints duas vezes o seu valor anterior de xmlhttp terá substituído. Há dois resultados:
1- tudo funciona bem quando não há concorrência ocorre (possibilidade muito alta),
2 primeira chamada nunca acontece (muito baixa possibilidade, mas isso vai acontecer ao longo do tempo e vai ser muito difícil de detectar e reproduzir)
Mas o seguinte código usa variável local e poder (não testado) ser seguro para chamar novamente e novamente.
function multiplePassportPoints(id, counter) {
var xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="addmorepoints.php";
url=url+"?id="+id+"&c="+counter;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
stateChanged(id, data, xmlhttp.responseText);
}
};
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged(id, counter,text)
{
document.getElementById(id+"_"+counter).innerHTML += text;
}