get与post的区别

HTML5学堂：在AJAX发送请求当中，可以采用get或者post作为数据发送的方式。那么get和post的区别是什么呢？我们又应当如何进行选择呢？

首先需要明确一点，get和post都是数据请求的方式。接下来我们一起来看区别：

get

更常用，更方便

性能好

明文发送数据，没有POST安全

传输数据大小有限制：数据通过URL传递，但是URL有一定长度限制。

get发送请求方式demo

1. var xhr = new XMLHttpRequest();
2. xhr.open('get', 'h5course/baidu.php?keyword=' + btn.value, true);
3. xhr.send(null);
4. xhr.onload = function(){
5.     //解析成json对象 HTML5学堂
6.     var data = JSON.parse(xhr.responseText);
7. }

post

使用相对较少

性能只有GET的1/3左右

比GET稍微安全一点

没有传输数据大小限制

post发送请求方式demo

1. var xhr = new XMLHttpRequest();
2. xhr.open('POST', 'h5course/baidu.php', true);
3. xhr.setRequestHeader('Content-Type', "application/x-www-form-urlencoded");
4. xhr.send('keyword=' + btn.value);
5. xhr.onload = function(){
6.     //解析成json对象 HTML5学堂
7.     var data = JSON.parse(xhr.responseText);
8. }

GET与POST的选用原则

接口允许用哪个就用哪个

接口两个都允许，首选用GET。当遇到需要传递密码等私密信息的时候，再选择POST。

欢迎沟通交流~HTML5学堂