2012-04-05 52 views
0

你好我还是新的阿贾克斯我想在不同的地方显示2个数据。ajax显示2个数据请求onclick

这里的代码

<li onclick="showPost(this.value);" value="*digit*" >lala</li> 

的JavaScript

<script> 
if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
      xmlhttp=new XMLHttpRequest(); 
     } 
     else 
     {// code for IE6, IE5 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 

     function showPost(hal) 
     { 
      xmlhttp.onreadystatechange=function() 
      { 
       if (xmlhttp.readyState==4 && xmlhttp.status==200) 
       { 
        document.getElementById("gallekanan").innerHTML=xmlhttp.responseText; 
       } 
      }  
      xmlhttp.open("GET","../wp-content/themes/koolfort/example.php?pal="+hal,true); 
      xmlhttp.send(); 
      showJudul(hal); 
     } 

     function showJudul(hal) 
     { 
      xmlhttp.onreadystatechange=function() 
      { 
       if (xmlhttp.readyState==4 && xmlhttp.status==200) 
       { 
        document.getElementById("eventjudul").innerHTML=xmlhttp.responseText; 
       } 
      }  
      xmlhttp.open("GET","../wp-content/themes/koolfort/example1.php?pal="+hal,true); 
      xmlhttp.send(); 
     } 
</script> 

当我运行的代码只是showJudul运行和showPost被中止。

+0

首先,不要使用全局变量,使用'var'。其次,我在想... =)) – 2012-04-05 08:47:19

回答

0

移动showJudul(hal);在document.getElementById(“gallekanan”)之后。innerHTML = xmlhttp.responseText;

+0

好的。这是有效的,但showJudul没有回应,但该参数有价值 – 2012-04-05 08:39:50

+0

你应该检查你的example1.php为什么它没有返回任何响应。 – MACMAN 2012-04-05 09:14:30

0

尽量使每个功能的单独控制,而不是要求他们彼此一个内..即..它作为

<li onclick="showPost(this.value); showJudul(this.value);" value="*digit*" >lala</li> 

<script> 

     function showPost(hal) 
     { 
if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
      xmlhttp=new XMLHttpRequest(); 
     } 
     else 
     {// code for IE6, IE5 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
      xmlhttp.onreadystatechange=function() 
      { 
       if (xmlhttp.readyState==4 && xmlhttp.status==200) 
       { 
        document.getElementById("gallekanan").innerHTML=xmlhttp.responseText; 
       } 
      }  
      xmlhttp.open("GET","../wp-content/themes/koolfort/example.php?pal="+hal,true); 
      xmlhttp.send(); 

     } 

     function showJudul(hal) 
     { 
if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
      xmlhttp=new XMLHttpRequest(); 
     } 
     else 
     {// code for IE6, IE5 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 

      xmlhttp.onreadystatechange=function() 
      { 
       if (xmlhttp.readyState==4 && xmlhttp.status==200) 
       { 
        document.getElementById("eventjudul").innerHTML=xmlhttp.responseText; 
       } 
      }  
      xmlhttp.open("GET","../wp-content/themes/koolfort/example1.php?pal="+hal,true); 
      xmlhttp.send(); 
     } 
</script> 

也可以尝试使用try {}赶上{ }如果你尝试初始化xmlhttp - 如果没有这样的对象可用,函数可能会报错...

+0

他们是正确的回应。身份证事件judul显示正确的回应,但身份证gallekanan显示反应showjudul不showpost反应。 – 2012-04-05 08:58:31