AJAX基础教程读书笔记1：AJAX之XMLHttpRequest对象

最新推荐文章于 2024-11-16 21:54:37 发布

zhanzkw

最新推荐文章于 2024-11-16 21:54:37 发布

阅读量795

点赞数

分类专栏： AJAX 文章标签： ajax xmlhttprequest 读书服务器 javascript 浏览器

本文链接：https://blog.csdn.net/studyalllife/article/details/6774630

版权

AJAX 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

AJAX不是什么新玩意：
AJAX是一种客户端技术，是允许客户端和服务器通讯而无需刷新当前页面的技术，与其说是一个特定的技术，准确地说，不如算是一种技巧。它是异步的JavaScript和XML的组合，JavaScript是其重要组件。

创建XMLHttpRequest对象：

<script type="text/javascript">
        var xmlHttp;
        function createXMLHttpRequest() {
            //判断浏览器是否支持ActiveX控件（是否是IE浏览器），只有IE浏览器才支持此控件，
            //如果支持，通过实例化ActiveXObject来创建XMLHttpRequest对象。
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //如果给ActiveXObject提供字符串“Microsoft.XMLHTTP”：说明你想创建一个XMLHttpRequest实例
            }
            //如果非IE浏览器，则使用JavaScript内置的XMLHttpRequest方法创建XMLHttpRequest对象
            else if (window.XMLHttpRequest) {//判断本地浏览器支持的JavaScript中是否有XMLHttpRequest对象。
            xmlHttp = new XMLHttpRequest();
            }
        }
    </script>

常用的方法：

 void open(string method,string url,Boolean asynch,string username,string password);

作用：建立对服务的调用
第一个参数：提供特定的调用方法：GET，POST，或者PUT

第二个参数：提供资源的URL
第三个参数：调用是异步（true）的还是同步（false）的。

默认值为true，表示请求本质上是异步的，如果这个参数是false，处理就会等待，直到从服务器返回相应为止。

第四，五个参数：这是可选参数，允许指定一个特定的用户名和密码。

 void send(content);

作用：向服务器发出请求，如果请求声明为异步的，这个方法立即返回，否则，它会等待直到接收到响应为止。
参数：可以是Dom对象的实例，输入流或者串。

常用的属性：
onreadystatechange：每个状态改变时都会触发这个事件处理器，通常会调用一个JavaScript函数。

readyState：请求的状态。有5个可取值：0——未初始化，1——正在加载，2——加载完成，3——交互中，4——完成。

status：服务器的HTTP响应码（200对应OK,404对应Not Found,未找到等）

responseText：服务器的响应，表示为一个串。

responseXML：服务器的响应，表示为XML，这个对象可以解析为一个Dom对象。

HTTP中Get与Post的区别:

Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。

1.根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。

　　(1).所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。就是说，它仅仅是获取资源信息，就像数据库查询一样，不会修改，增加数据，不会影响资源的状态。

　　* 注意：这里安全的含义仅仅是指是非修改信息。

　　(2).幂等的意味着对同一URL的多个请求应该返回同样的结果。
2.根据HTTP规范，POST表示可能修改变服务器上的资源的请求。继续引用上面的例子：还是新闻以网站为例，读者对新闻发表自己的评论应该通过POST实现，因为在评论提交后站点的资源已经不同了，或者说资源被修改了。

上面大概说了一下HTTP规范中GET和POST的一些原理性的问题。但在实际的做的时候，很多人却没有按照HTTP规范去做，导致这个问题的原因有很多，比如说：

　　1.很多人贪方便，更新资源时用了GET，因为用POST必须要到FORM（表单），这样会麻烦一点。

　　2.对资源的增，删，改，查操作，其实都可以通过GET/POST完成，不需要用到PUT和DELETE。

　　3.另外一个是，早期的Web MVC框架设计者们并没有有意识地将URL当作抽象的资源来看待和设计，所以导致一个比较严重的问题是传统的Web MVC框架基本上都只支持GET和POST两种HTTP方法，而不支持PUT和DELETE方法。

说完原理性的问题，我们再从表面现像上面看看GET和POST的区别：

　　1.GET请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），以?分割URL和传输数据，参数之间以&相连，如：login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母/数字，原样发送，如果是空格，转换为+，如果是中文/其他字符，则直接把字符串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX为该符号以16进制表示的ASCII。

　　POST把提交的数据则放置在是HTTP包的包体中。

　　2."GET方式提交的数据最多只能是1024字节，理论上POST没有限制，可传较大量的数据，IIS4中最大为80KB，IIS5中为100KB"？？！

　　以上这句是我从其他文章转过来的，其实这样说是错误的，不准确的：

　　(1).首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系了。而实际上，URL不存在参数上限的问题，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。

　　注意这是限制是整个URL长度，而不仅仅是你的参数值数据长度。[见参考资料5]

　　(2).理论上讲，POST是没有大小限制的，HTTP协议规范也没有进行大小限制，说“POST数据量存在80K/100K的大小限制”是不准确的，POST数据是没有限制的，起限制作用的是服务器的处理程序的处理能力。

　　对于ASP程序，Request对象处理每个表单域时存在100K的数据长度限制。但如果使用Request.BinaryRead则没有这个限制。

　　由这个延伸出去，对于IIS 6.0，微软出于安全考虑，加大了限制。我们还需要注意：

　　　　 1).IIS 6.0默认ASP POST数据量最大为200KB，每个表单域限制是100KB。
　　　　 2).IIS 6.0默认上传文件的最大大小是4MB。
　　　　 3).IIS 6.0默认最大请求头是16KB。
　　IIS 6.0之前没有这些限制。[见参考资料5]

　　所以上面的80K，100K可能只是默认值而已(注：关于IIS4和IIS5的参数，我还没有确认)，但肯定是可以自己设置的。由于每个版本的IIS对这些参数的默认值都不一样，具体请参考相关的IIS配置文档。

　　3.在ASP中，服务端获取GET请求参数用Request.QueryString，获取POST请求参数用Request.Form。在JSP中，用request.getParameter(\"XXXX\")来获取，虽然jsp中也有request.getQueryString()方法，但使用起来比较麻烦，比如：传一个test.jsp?name=hyddd&password=hyddd，用request.getQueryString()得到的是：name=hyddd&password=hyddd。在PHP中，可以用$_GET和$_POST分别获取GET和POST中的数据，而$_REQUEST则可以获取GET和POST两种请求中的数据。值得注意的是，JSP中使用request和PHP中使用$_REQUEST都会有隐患，这个下次再写个文章总结。

　　4.POST的安全性要比GET的安全性高。注意：这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修改，而这里安全的含义是真正的Security的含义，比如：通过GET提交数据，用户名和密码将明文出现在URL上，因为(1)登录页面有可能被浏览器缓存，(2)其他人查看浏览器的历史纪录，那么别人就可以拿到你的账号和密码了，除此之外，使用GET提交数据还可能会造成Cross-site request forgery攻击。

　　总结一下，Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求，在FORM（表单）中，Method默认为"GET"，实质上，GET和POST只是发送机制不同，并不是一个取一个发！