天枫庄资源网

Ajax 入门之 GET 与 POST 的不同处详解
网络编程 2024/12/27 佚名
2 0
天枫庄资源网 Design By www.wosibo.com

在之前的随笔中,本着怀旧的态度总结了一篇 兼容不同浏览器 建立XHR对象的方法:

  在建立好XHR对象之后,客户端需要做的就是,将数据以某种方式传递到服务器,以获得相应的响应,在这里,  Ajax技术总结的第二季,我将重点阐述 提交数据的两种方式。

  在这之前需要了解一下我们的HTTP传输协议:

HTTP 的工作方式是客户机与服务器之间的请求-应答协议。

举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。而想要基于HTTP协议进行数据传输,必然要用到两种请求方式.

两种 HTTP 请求方法：GET 和 POST

在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：GET 和 POST。

  • GET - 从指定的资源请求数据。
  • POST - 向指定的资源提交要被处理的数据

  这是W3C上对GRT与POST的使用场景描述,从字面上来理解，就是： GET是用来从服务器获取数据的，POST是用来向服务器传送数据的

这一点，我们从提交路径与数据的URL中就可以看出来：

  可以用来指向URL的属性有：

1. 表单中的 action；

2. a 标签中的 href

3. img script 中的 src 属性（此属性不受“ 同源策略 ”限制，可以利用来进行“跨域”，我想近期总结一片关于跨域的问题，在这里先挖个坑）

  这里，我们讲一讲form表单提交中他们的不同

一 、Ajax的表单提交中，get 使用 open（）函数来提交数据，其中，数据以 URL"htmlcode"> 

xhr.open('get','xxx.php"text-align: center">Ajax 入门之 GET 与 POST 的不同处详解


get 提交 URL


这里可以看出:GET是把参数数据队列加到提交表单的action属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。ID的url长度是有限制的，当url过长时会自动截取超长字符。这样就容易引发一个问题：当传递的参数过多，导致url过长时，url自动截取超长字符，最终传递参数部分获取不到。这也限制了GET传送的数据大小一般不能超过2KB;


  而且,从URL截图中可以看出: GET安全性非常低，当通过GET方法提交数据时，用户名和密码将出现在URL上。如果：


- 登陆页面可以被浏览器缓存； 

- 其他人可以访问客户的这台机器。


那么，别人即可以从浏览器的历史记录中，读取到此客户的账号和密码。所以，在某些情况下，GET方法会带来严重的安全性问题。


并不是说GET方法没有优点，在速度测试中，get提交的速度是POST方式的数十倍。


二 、Ajax的表单提交中，POST 在 open（）函数中只需要提供URL，由send（）函数提交数据:　　





//获取form数据
var formDom = document.querySelector('form');
var formData = new FormData(formDom);
//发送数据
xhr.open('post',formDom.action);
xhr.send(formData);





POST是:通过HTTPPOST机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到action属性所指的URL地址。用户看不到这个过程。安全性较高


 POST传送的数据量较大，一般被默认为不受限制。可以用这段demo中FormData对象的方式传递图片,富文本等文件,这是get所做不到的。


总结一下，Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求，在FORM（表单）中，Method默认为"GET"，


实质上，GET和POST只是发送机制不同，并不是一个取一个发！


总之，这两种表单提交方式并没有优劣之分，只有不同的适应场景，这需要我们日常工作中去根据需求把握。


后面，我将总结一下，在浏览器与服务器之间的交互中，路径的几种不同书写方法。


以上所述是小编给大家介绍的Ajax 入门之 GET 与 POST 的不同处详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
标签：
ajax,get,post,区别
天枫庄资源网 Design By www.wosibo.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
天枫庄资源网 Design By www.wosibo.com

评论“Ajax 入门之 GET 与 POST 的不同处详解”

暂无Ajax 入门之 GET 与 POST 的不同处详解的评论...
www.wosibo.com 天枫庄资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
天枫庄资源网 Design By www.wosibo.com