GET/POST

forgiveForever
243 阅读5分钟

GET请求

GET请求是HTTP协议中的一种请求方法，用于向服务器请求获取指定资源的数据。它是一种幂等的请求方法，表示对服务器的资源获取操作，并不会对服务器端的数据产生任何修改。下面是对GET请求的详细介绍以及一个具体的例子：

GET请求的特点和用途：

  • GET请求通过URL参数传递数据，将请求参数附加在URL的末尾，以?开头，参数之间使用&分隔。
  • GET请求的数据会以明文形式出现在URL中，不适合传递敏感信息。
  • GET请求可以被缓存，可以将获取的数据进行缓存，提高性能和效率。
  • GET请求可被收藏为书签，方便用户进行访问。

下面是一个使用GET请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data?id=123&name=John', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    console.log(response);
  }
};

xhr.send();

在上面的例子中，我们使用XMLHttpRequest对象创建了一个GET请求，请求的URL为http://example.com/api/data，并通过URL参数id和name传递了请求数据。xhr.onreadystatechange事件监听函数会在请求状态发生变化时被触发，当readyState为4（请求已完成）且status为200（请求成功）时，可以通过xhr.responseText获取服务器返回的响应数据。

需要注意的是，GET请求将数据以明文形式附加在URL中，因此不适合传递敏感信息，例如密码或用户身份验证。对于包含敏感信息的数据，应该使用POST请求，并通过请求体进行传递。此外，GET请求也有长度限制，不同浏览器对URL长度的限制有所不同，超过限制可能导致请求失败。因此，在进行GET请求时，需要注意请求参数的长度不要过长，以免超出浏览器或服务器的限制。

POST请求

POST请求是HTTP协议中的一种请求方法，用于向服务器提交数据，通常用于创建、更新或修改服务器上的资源。相比于GET请求，POST请求将数据放在请求体中传递，而不是放在URL参数中。下面是对POST请求的详细介绍以及一个具体的例子：

POST请求的特点和用途：

  • POST请求将数据放在请求体中传递，对于传递大量数据或敏感信息更为安全，因为请求参数不会明文出现在URL中。
  • POST请求可以用于创建新的资源，提交表单数据，或向服务器发送需要保存的数据。
  • POST请求可以修改服务器上的资源，例如更新用户信息、发布文章等。
  • POST请求不会被浏览器缓存，每次请求都会获取最新的数据。

下面是一个使用POST请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');

var data = {
  id: 123,
  name: 'John',
  age: 30
};

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    console.log(response);
  }
};

xhr.send(JSON.stringify(data));

在上面的例子中，我们使用XMLHttpRequest对象创建了一个POST请求，请求的URL为http://example.com/api/data。通过xhr.setRequestHeader方法设置请求头，指定请求体的数据类型为JSON。我们创建了一个JavaScript对象data，包含了需要提交的数据。然后，使用JSON.stringify将数据转换为JSON字符串，并通过xhr.send发送请求。

在服务端接收到POST请求时，需要根据请求头中的Content-Type来解析请求体的数据。常见的Content-Type类型包括application/x-www-form-urlencoded和multipart/form-data（用于表单提交）以及application/json（用于JSON数据提交）等。

需要注意的是，POST请求适用于对服务器资源进行修改的操作，因此需要谨慎使用。此外，POST请求具有副作用，可能对服务器端数据产生修改，因此应该遵循安全和权限的原则，确保只有经过授权的用户才能进行相应的操作。

GET/POST区别

  • GET把参数包含在URL中，POST通过request body传递参数。

  • GET在浏览器回退时是无害的，而POST会再次提交请求。

  • GET请求会被浏览器主动cache，而POST不会，除非手动设置。

  • GET请求只能进行url编码，而POST支持多种编码方式。

  • GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。

  • 对参数的数据类型，GET只接受ASCII字符，而POST没有限制。

  • GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。

  • GET请求在URL中传送的参数是有长度限制的，而POST没有。

不同浏览器限制的长度不同
1、IE
IE浏览器（Microsoft Internet Explorer） 对url长度限制是2083（2K+53），超过这个限制，则自动截断（若是form提交则提交按钮不起作用）。

2、firefox
firefox（火狐浏览器）的url长度限制为 65 536字符，但实际上有效的URL最大长度不少于100,000个字符。

3、chrome
chrome（谷歌）的url长度限制超过8182个字符返回本文开头时列出的错误。

4、Safari
Safari的url长度限制至少为 80 000 字符。

5、Opera
Opera 浏览器的url长度限制为190 000 字符。Opera 9 地址栏中输入190 000字符时依然能正常编辑。
avatar
文章
阅读
粉丝