第一个 Ajax 入门实例

前端之家收集整理的这篇文章主要介绍了第一个 Ajax 入门实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

http://blog.csdn.net/liruxing1715/article/details/7104404


  1. <html>
  2. <head>
  3. <title>Ajax</title>
  4. <scriptlanguage="javascript">
  5. varxmlHttp;//定义一个全局变量xmlHttp
  6. //创建XMLHttpRequest对象
  7. functioncreateXMLHttpRequest(){
  8. if(window.ActiveXObject){
  9. xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//IE
  10. }elseif(window.XMLHttpRequest){
  11. newXMLHttpRequest();//XMLHttpRequest
  12. }
  13. }
  14. functionstartRequest(){
  15. createXMLHttpRequest();//创建XMLHttpRequest
  16. varurl='index.PHP?'+newDate().getTime();//异步传输到的页面index.PHP,后面加newDate().getTime(),是为了消除IE的缓存
  17. xmlHttp.open('GET',url,true);//open()方法发送一个异步请求
  18. //属性变化了就会触发onreadystatechange事件
  19. xmlHttp.onreadystatechange=function(){
  20. //如果请求的状态等于4(接受成功),并且服务器返回的HTTP响应值为200(请求成功)
  21. if(xmlHttp.readyState==4&&xmlHttp.status==200){
  22. //弹出服务器返回的文本
  23. alert('服务器返回:'+xmlHttp.responseText);
  24. xmlHttp.send(null);
  25. </script>
  26. </head>
  27. <body>
  28. <inputtype="button"value="异步通讯"onClick="startRequest();"/>
  29. </body>
  30. </html>

index.PHP

    <?PHP
  1. header('Content-type:text/html;Charset=GB2312');
  2. echo'异步测试成功!';
  3. ?>
原文链接:https://www.f2er.com/ajax/164239.html

猜你在找的Ajax相关文章