不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

2023-05-29 0 711

Ajax在后端开发中有著极其关键的话语权,有关Ajax的采用和小常识始终是两个关键的热门话题,趁此机会,责任编辑期望对Ajax做两个全面性的归纳,全盘掀开Ajax的谜样盖头。

一.甚么是Ajax

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

二.Ajax的原生植物读法

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

2.同时实现业务流程

创建 XMLHttpRequest对象——>关上允诺门牌号,调用统计数据——>推送允诺统计数据——>窃听反弹表达式状况——>接到服务器返回的响铃结论。

上面用具体内容的标识符展开说明:

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

(3).有关status 由服务器返回的 HTTP 状况标识符,200 表示成功,而 404 表示 “Not Found” 错误。当 readyState 小于 3 的时候读取这一属性会导致两个异常。(后面会有http状态码的详细解读)

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

四.GET or POST?

作为Ajax最常用的两种统计数据提交方式,GET和POST有著自己的特点和适用场景,正确区分GET和POST的不同并根据实际需要展开选用在开发中十分关键,简单但是关键

先上一张GET 和 POST的比较图,从这张图中能看出两者之间的差别:

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

七.JSON和JSONP

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

ajax很好,但不是万能的,ajax的允诺与访问同样会受到浏览器同源策略的限制,不能访问不同主域中的门牌号。所以,为了解决这一问题,同时实现跨域访问,有很多种方式,上述提到的jsonp就是一种流行的方式,还有其他一些方式,我在这里就不展开说了,只是想说明ajax的采用也是有条件的,任何技术的同时实现都不会是没有限制的。跨域访问时两个很关键的知识点,之前专门写过一篇有关跨域访问的归纳,还挺详细的,能移步查看: javascript中同时实现跨域的方式归纳

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

十.不可忽视的HTTP头文件

http允诺中的两个关键再通过查看允诺头和响应头的信息,大体会知道这次允诺的结论是怎么样的,结合响应的主体内容,能很快找到问题。所以学会看http的头文件信息是后端开发中必须掌握的两个技能,上面就来看看具体内容的头文件信息。

首先随便上一张sf中的完成两个搜索结论的http允诺,能从图中的右侧清楚看到允诺头和响应头的内容,包括了很多个字段信息,这些字段信息就是我们需要掌握的知识点,上面挑出其中的重点字段展开分析。

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

1.允诺头信息:

Accept:客户端支持的统计数据类型 Accept-Charset:客户端采用的编码 Accept-Encoding:客户端支持的统计数据压缩格式 Accept-Language:客户端的语言环境 Cookie:客服端的cookie Host:允诺的服务器门牌号 Connection:客户端与服务连接类型 If-Modified-Since:上一次允诺资源的缓存时间,与Last-Modified对应 If-None-Match:客户段缓存统计数据的唯一标识,与Etag对应 Referer:发起允诺的源门牌号。
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

3.两者都可能出现的消息

Pragma:是否缓存(http1.0提出) Cache-Control:是否缓存(http1.1提出)

4.跟缓存相关的字段

(1) 强制缓存 expire 和 cache-control

(2) 对比缓存 Last-Modified 和 If-Modified-Since Etag 和 If-None-Match

不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

2.缺点:

无法展开操作的后退,即不支持浏览器的页面后退。对搜索引擎的支持比较弱。可能会影响程序中的异常处理机制。安全问题,对一些网站攻击,如csrf、xxs、sql注入等不能很好地防御。
不太理解Ajax的可以看下,前端工作笔记-关于Ajax的那些事的总结!

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务