在xmlhttp.onreadystatechange函数中,如何传递我要编辑的ID的名称?

StackOverflow https://stackoverflow.com/questions/1425358

  •  07-07-2019
  •  | 
  •  

这是我的代码。查看已注释掉的行。当元素id(这是一个跨度)是硬编码时,它可以工作。当通过连接传递给stateChanged的变量创建id时,它不起作用。我不允许将变量传递给stateChanged吗?怎么了?

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; 
  }
}

谢谢!

有帮助吗?

解决方案

您可以将代码更改为此

xmlhttp.onreadystatechange = function () {
        stateChanged(id,counter);
    };    

其他提示

 <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>

一种更好的方法,可以在上一次调用结束前多次调用。请注意,如果您调用multiplePassportPoints两次,则先前的xmlhttp值将被覆盖。有两个结果:
1-当没有并发发生时,一切正常(非常高的可能性),
2-首次呼叫永远不会发生(非常低的可能性,但它会不时发生,很难发现和重现)

但是下面的代码使用了局部变量,并且可能(未经测试)可以安全地一次又一次地调用。

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; 
}
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top