一、请求和响应--原生的JS实现方式
有时候我们不得不用原生方式去请求，而这又不常用，所以记录一下，方便下次直接使用。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
// 1.创建核心对象varxmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=newXMLHttpRequest(); } else{ // code for IE6, IE5xmlhttp=newActiveXObject("Microsoft.XMLHTTP"); } // 2. 建立连接/* 参数： 1. 请求方式：GET、POST * get方式，请求参数在URL后边拼接。send方法为空参 * post方式，请求参数在send方法中定义 2. 请求的URL： 3. 同步或异步请求：true（异步）或 false（同步）*/xmlhttp.open("GET","ajaxServlet?username=tom",true); // 3.发送请求xmlhttp.send(); // 4.接受并处理来自服务器的响应结果// 获取方式 ：xmlhttp.responseText// 什么时候获取？当服务器响应成功后再获取//当xmlhttp对象的就绪状态改变时，触发事件onreadystatechange。xmlhttp.onreadystatechange=function() { // 判断readyState就绪状态是否为4，判断status响应状态码是否为200if (xmlhttp.readyState==4&&xmlhttp.status==200) { //获取服务器的响应结果varresponseText=xmlhttp.responseText; alert(responseText); } }
| 方法 | 描述 |
| open(method,url,async) | 规定请求的类型、URL 以及是否异步处理请求。
|
| send(string) | 将请求发送到服务器。
|
二、使用GET 还是 POST？
与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
然而，在以下情况中，请使用 POST 请求：
无法使用缓存文件（更新服务器上的文件或数据库）
向服务器发送大量数据（POST 没有数据量限制）
发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
三、onreadystatechange 事件
当请求被发送到服务器时，我们需要执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性：
| 属性 | 描述 |
| onreadystatechange | 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。 |
| readyState | 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
|
| status | 200: "OK" 404: 未找到页面 |
在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
当 readyState 等于 4 且状态为 200 时，表示响应已就绪：
XMLHttpRequest 是 AJAX 的基础。
参考的文档：W3School
**本文首发于CSDN，为博主原创文章，如果需要转载，请注明出处，谢谢！**
完结！
