Ajax——GET还是POST？

在Ajax向服务器发送请求时，我们使用了XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();

• open(method,url,async)：规定请求的类型、URL 以及是否异步处理请求。
  method：请求的类型；GET 或 POST
  url：文件在服务器上的位置
  async：true（异步）或 false（同步）
• send(string)：将请求发送到服务器。
  string：仅用于 POST 请求

那我们在写请求类型时，到底是GET还是POST?

GET和POST都是向服务器发送的一种请求，只是发送机制不同。

GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据

GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。

与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。

GET优缺点：

1. 更常用，更方便
2. 性能好
3. 明文发送数据，没有POST安全
4. 传输数据大小有限制：数据通过URL传递，但是URL有一定长度限制。

POST优缺点：

1. 使用相对较少
2. 性能只有GET的1/3左右
3. 比GET稍微安全一点
4. 没有传输数据大小限制

GET与POST的区别

• 使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来
• 使用Get请求发送数据量小，最多只能是1024字节；Post请求发送数据量大，可以达到2M
• Get请求请求需注意缓存问题，Post请求不需担心这个问题；（GET方式请求的数据会被浏览器缓存起来，因此其他人就可以从浏览器的历史记录中读取到这些数据，例如账号和密码等。在某种情况下，GET方式会带来严重的安全问题。而POST方式相对来说就可以避免这些问题。）
• Post请求必须设置Content-Type值为application/x-form-www-urlencoded；
• 发送请求时,因为Get请求的参数都在url里,所以send函数发送的参数为null,而Post请求在使用send方法时,却需赋予其参数；

GET请求

function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  
  //向URL添加一个唯一的 ID，避免缓存问题
  
xmlhttp.open("GET","/ajax/demo_get.asp?t=" + Math.random(),true);

//GET请求中，send为null

xmlhttp.send(null);
}

POST请求

function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","/ajax/demo_post2.asp",true);

//需要像 HTML 表单那样 POST 数据，使用 setRequestHeader() 来添加 HTTP 头。
//然后在 send() 方法中规定发送的数据：

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Bill&lname=Gates");
}

setRequestHeader(header,value) ：向请求添加 HTTP 头。

• header: 规定头的名称
• value: 规定头的值

用处

使用POST的情况

• 无法使用缓存文件（更新服务器上的文件或数据库）
• 向服务器发送大量数据（POST 没有数据量限制）
• 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

使用GET的情况

• 请求是为了查找资源，HTML表单数据仅用来帮助搜索。
• 请求结果无持续性的副作用。
• 收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。