Ajax请求的原理get及post方法和get，post请求方式的区别-创新互联

JQeury的3种实现方式

1. $.ajax( ) 语法：$.ajax({键值对});

2.  $.get()：发送get请求：语法：$.get(url, [data], [callback], [type])

url：请求路径

Data:请求参数,即 发送的数据  {key:value}形式 ，

Callback:成功时的回调函数 function(result){}  result 后台返回的数据  ，

Type：响应结果的类型： 返回的数据类型  默认为 text ,可以设为 json text

3. $.post()：发送post请求 ：* 语法：$.post(url, [data], [callback], [type])

通过jQuery发送ajax请求，在代码和使用上谈谈post和get的区别：

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 

代码区别

1. get 方式 发送请求 语法: $.get(url,data,callback,type);

url：请求路径

Data:请求参数,即 发送的数据  {key:value}形式 ，

Callback:成功时的回调函数 function(result){}  result 后台返回的数据  ，

Type：响应结果的类型： 返回的数据类型  默认为 text ,可以设为 json text

2. post 方式 发送请求 语法: $.post(url,data,callback,type);

$.get()方法: 使用GET方式执行Ajax请求，从服务器加载数据。形式：$.get(url, data, func, dataType)

$.post()方法：使用POST方式执行Ajax请求，从服务器加载数据。形式：$.post(url, data, func, dataType);

可选参数：

1）url：链接地址，字符串表示

2）data：需要发送到服务器的数据，格式为{A: '...', B: '...'}

3）func：请求成功后，服务器回调的函数；function(data, status, xhr)，其中data为服务器回传的数据，status为响应状态，xhr为XMLHttpRequest

4）dataType：服务器返回数据的格式

2.Ajax的Get和Post的使用区别：

总结：

1）GET方式 传送数据量小，安全性低，会被缓存，处理效率高，而post是将参数放在请求的表单体内

2）在向服务器传参数时，get是将参数直接添加到url后面；而post是将参数放在请求的表单体内

3）当请求无副作用时（如进行搜索），便可用GET方法；当请求有副作用时(如添加数据行），则用POST方法。post适合大量数据（不受url长度限制）和需要安全的数据传输(传输的数据不会在url上出现) 

使用post发送请求注意设置，post默认发送方式是application/x-www-form-urlencoded这个就是content-type请求头类型，如果不指定可能请求会失败application/x-ww

get请求和post请求在服务器端的区别:

在客户端使用get请求时,服务器端使用Request.QueryString来获取参数,

而客户端使用post请求时,服务器端使用Request.Form来获取参数. 

  1.Get方式
   用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到url中发送（http的header传送），也就是说，浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面。另外最重要的一点是，它会被客户端的浏览器缓存起来，那么，别人就可以从浏览器的历史记录中，读取到此客户的数据，比如帐号和密码等。因此，在某些情况下，get方法会带来严重的安全性问题。

总结：GET请求方式：URL传值的方式进行请求，一般大小限制在1KB（最多只能是1024字节）以下，这个数据会被浏览器缓存起来，所以账号密码用户ID肯定是不能这样传递（暴露不安全）

Ajax发送请求:如果是get请求send(参数)参数：必须是null或xhr.send();

get请求就不必要设置 xhr.setRequestHeader(header,value)

备注：如果xhr.send(参数);参数不为空情况下,在某些浏览器中会自动转换成post请求方式 您可以通过request.getMethod();方法获取请求的方式

使用get方式需要注意
            (1)对于get请求（或凡涉及到url传递参数的），被传递的参数都要先经(预编码处理)encodeURIComponent方法处理.

例：var url = "update.php?username=" +encodeURIComponent(username) + "&content=" +encodeURIComponent(content)+"&id=1" ;

2.Post方式:
         当使用POST方式时，浏览器把各表单字段元素及其数据作为HTTP消息      的实体内容发送给Web服务器，而不是作为URL地址的参数进行传递，使用  POST方式传递的数据量要比使用GET方式传送的数据量大的多

总结：POST请求方式：一般用于发送表单（input这样的form表单）数据，安全性比get高，数据量也大而且不会被浏览器缓存

发送请求:如果是post请求send(参数)参数：参数可以是null或者xhr.send()|send(带有参数的)post请求在传递值的情况下必须 设置          xhr.setRequestHeader(header,value)

应用场景：
总结：

1）当请求无副作用时（如进行搜索），便可使用get方法；当请求有副作用时（如添加数据行），则用POST方法。

2）如果调用是要检索服务器上的数据则使用GET。如果要检索的值会随时间和更新进程的改变而改变则要在GET调用中添加一个当前时间参数，这样后面的调用才不会使用先前的不正确的缓冲。

  如果调用是向服务器发送任意数据，就可以使用POST。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。

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

GET 请求的其他一些注释：

· GET 请求可被缓存

· GET 请求保留在浏览器历史记录中

· GET 请求可被收藏为书签

· GET 请求不应在处理敏感数据时使用

· GET 请求有长度限制

· GET 请求只应当用于取回数据

POST方法应用场景：
* 请求的结果有持续性的副作用，例如，数据库内添加新的数据行。
* 若使用GET方法，则表单上收集的数据可能让URL过长。
* 要传送的数据不是采用7位的ASCII编码。

POST 请求的其他一些注释：

· POST 请求不会被缓存

· POST 请求不会保留在浏览器历史记录中

· POST 不能被收藏为书签

· POST 请求对数据长度没有要求

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。