AJax技术

ajax技术 始终出去发送状态

字号+ 作者:H5之家 来源:H5之家 2017-10-29 08:03 我要评论( )

ajax技术 始终出去发送状态

ajax.js代码:
       var xmlHttp;
function S_xmlhttprequest(){
    if(window.ActiveXObject){
       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(widow.XMLHttpRequest){
       xmlHttp=new XMLHttpRequest();
    }
}
function funphp100(url){
    S_xmlhttprequest();
    xmlHttp.open("GET","for.php?id="+url,true);
    xmlHttp.onreadystatechange=byphp;
    xmlHttp.send(null);
}
function byphp(){
   if(xmlHttp.readyState==1){
   document.getElementById('php100').innerHTML="loading....";
   }
   if(xmlHttp.readyState==4){

          var byphp100 = xmlHttp.responseText;
          document.getElementById('php100').innerHTML=byphp100;

    }

}
for.php代码
          <?php
if($id=$_GET[id]){
  for($i=1;$i<=5;$i++){

echo $i;
sleep(2);
   }
   exit();
}
?>
index.php代码:
          <script type="text/javascript" src= "ajax.js"></script>
<a href= "#" onclick="funphp100('o')">o</a>
<a href= "#" onclick="funphp100('t')">t</a>
<a href= "#" onclick="funphp100('x')">x</a>
<br>
<div id="php100"></div>


回复讨论(解决方案)

if($id=$_GET[id]){   for($i=1;$i<=5;$i++){ echo $i; //sleep(2);    }    exit(); }
<html> <head> <title> </title> <script type="text/javascript" src='jquery-1.4.2.min.js'></script> </head> <script type="text/javascript"> var xmlHttp; function S_xmlhttprequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } } function funphp100(url){ S_xmlhttprequest(); xmlHttp.open("GET","test.php?id="+url,true); xmlHttp.onreadystatechange=byphp; xmlHttp.send(null); } function byphp(){ if(xmlHttp.readyState==1){ document.getElementById('php100').innerHTML="loading...."; } if(xmlHttp.readyState==4){ var byphp100 = xmlHttp.responseText; document.getElementById('php100').innerHTML=byphp100; } } </script> <body> <a href= "#" onclick="funphp100('o')">o</a> <a href= "#" onclick="funphp100('t')">t</a> <a href= "#" onclick="funphp100('x')">x</a> <br> <div id="php100"></div> </body> </html>

演示效果图片0

我那个哪里出现问题了?

else if( widow.XMLHttpRequest){
       xmlHttp=new XMLHttpRequest();
    }
window

谢谢~~~~~~~~~~~

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax技术(8)

    Ajax技术(8)

    2017-10-23 15:00

  • AJAX视频教AJAX技术入门

    AJAX视频教AJAX技术入门

    2017-10-21 15:23

  • [js点击]JavaScript之Ajax技术01

    [js点击]JavaScript之Ajax技术01

    2017-10-18 17:03

  • AJAX技术在教学网站中的应用研究

    AJAX技术在教学网站中的应用研究

    2017-10-16 16:00

网友点评
w