Ajax请求的原理 get及post方法 和get，post请求方式的区别
本文讲解"Ajax请求的原理 get及post方法 和get，post请求方式的区别"，用于解决相关问题。
Ajax请求的原理
1.原理:在Ajax请求中，html页面的中操作将通过Ajax引擎与服务器端进行通讯，然后将返回的结果提交到客户端页面的Ajax引擎，再由Ajax引擎来决定将服务器端返回数据插入到页面的指定位置。从而实现无需刷新页面的http请求。
2.Ajax请求的优点
a.最大的优点是，无需刷新就可更新页面
b.可以把原先服务器端负担的工作的转移客户端，利用客户端的闲置资源进行处理，减轻服务器和带宽的负担，节约空间和成本
c.Ajax没有平台限制。Ajax把服务器由原先的传送内容转变为传输数据，而数据格式可以为纯文本和XML格式，这两种格式没有平台限制。
d.可以调用Xml等外部数据，进一步促进页面的显示和数据的分离
3.Ajax使用的技术
a.XMLHttpRequest对象
b.XML
c.JavaScript
d.Css
e.DOM
4.Ajax请求时性能的优化
a.尽量使用局部变量，不要使用全局变量
b.优化for循环
c.尽量少使用eval，每次使用eval都会浪费大量时间
d.将DOM节点附加到文档上
e.尽量减少使用点“.”号操作符的使用
方法get()和post()基本区别:
HTTP 请求：GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
· GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。
1.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
2.对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。
3.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，因服务器的不同而异。
4.get安全性非常低，post安全性较高。
5.<form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一样的，也就是说，method为get时action页面后边带的参数列表会被忽视；而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一样的。
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 请求对数据长度没有要求
关于 "Ajax请求的原理 get及post方法 和get，post请求方式的区别" 就介绍到此。希望多多支持编程宝库。
本文讲解"一图说明MVC渲染页面的机制"，用于解决相关问题。关于 "一图说明MVC渲染页面的机制" 就介绍到此。希望多多支持编程宝库。