Ajax基础（下） 


 1 <script type="text/javascript">
 2     //    var a=1;
 3     //    alert(window.a);
 4     //  a属于window下的一个属性
 5     /*function show()
 6     {
 7         alert('a')    
 8     };
 9     window.show()*/
10     //alert(a)----会出错和alert(window.a）----结果是undefined;的区别
11 </script>
 
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <script>
 7 window.onload=function ()
 8 {
 9     var oBtn=document.getElementById('btn1');
10     
11     oBtn.onclick=function ()
12     {
13         //1.创建ajax对象
14         //IE6以上
15         /*var oAjax=new XMLHttpRequest();
16         
17         alert(oAjax);*/
18         
19         //IE6
20         /*var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
21         
22         alert(oAjax);*/
23         var oAjax=null;
24         
25         if(window.XMLHttpRequest)
26         {
27             oAjax=new XMLHttpRequest();//兼容火狐，谷歌浏览器
28         }
29         else
30         {
31             oAjax=new ActiveXObject("Microsoft.XMLHTTP");//IE自带的控件
32         }
33         
34         //2.连接服务器
35         //open(方法, url, 是否异步)get和post方法的选择需要和后台需求来定；文件的地址；绝大多数都是异步传输，这样可以同时做多件事情。
36         oAjax.open('GET', 'abc.txt', true);
37         
38         //3.发送请求
39         oAjax.send();
40         
41         //4.接收返回
42         //OnReadyStateChange
43         oAjax.onreadystatechange=function ()
44         {
45             if(oAjax.readyState==4)//4表示完成
46             {
47                 if(oAjax.status==200)//表示成功
48                 {
49                     alert('成功：'+oAjax.responseText);//返回文本内容
50                 }
51                 else
52                 {
53                     alert('失败');
54                 }
55             }
56         };
57     };
58 };
59 </script>
60 </head>
61 
62 <body>
63 <input id="btn1" type="button" value="读取文件" />
64 </body>
65 </html>

请求状态监控 onreadystatechange事件

readyState属性：

请求状态

0 （未初始化）还没有调用open()方法

1 （载入）已调用send()方法，正在发送请求

2 （载入完成）send()方法完成，已收到全部响应内容

3 （解析）正在解析响应内容

4 （完成）响应内容解析完成，可以在客户端调用了

status属性：请求结果。成功的话会返回

responseText返回文件的内容200，失败会弹出404等数字。


__EOF__

本文作者：Paxster
本文链接：https://www.cnblogs.com/paxster/archive/2013/05/26/3100179.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！
posted @   Paxster  阅读(175)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
SQL AI 助手