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.

跟是一样的,也就是说,method为get时action页面后边带的参数列表会被忽视;而跟是不一样的。

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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:Ajax请求的原理get及post方法和get,post请求方式的区别-创新互联
标题链接:http://scyanting.com/article/ghosc.html