Ajax——GET还是POST？

71 阅读 0 评论 47 点赞

我是靠谱客的博主沉默金鱼，最近开发中收集的这篇文章主要介绍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优缺点：

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

POST优缺点：

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

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");
}