Ajax在后端开发中有著极其关键的话语权,有关Ajax的采用和小常识始终是两个关键的热门话题,趁此机会,责任编辑期望对Ajax做两个全面性的归纳,全盘掀开Ajax的谜样盖头。
一.甚么是Ajax
二.Ajax的原生植物读法
2.同时实现业务流程
创建 XMLHttpRequest对象——>关上允诺门牌号,调用统计数据——>推送允诺统计数据——>窃听反弹表达式状况——>接到服务器返回的响铃结论。
上面用具体内容的标识符展开说明:
(3).有关status 由服务器返回的 HTTP 状况标识符,200 表示成功,而 404 表示 “Not Found” 错误。当 readyState 小于 3 的时候读取这一属性会导致两个异常。(后面会有http状态码的详细解读)
四.GET or POST?
作为Ajax最常用的两种统计数据提交方式,GET和POST有著自己的特点和适用场景,正确区分GET和POST的不同并根据实际需要展开选用在开发中十分关键,简单但是关键!
先上一张GET 和 POST的比较图,从这张图中能看出两者之间的差别:
七.JSON和JSONP
ajax很好,但不是万能的,ajax的允诺与访问同样会受到浏览器同源策略的限制,不能访问不同主域中的门牌号。所以,为了解决这一问题,同时实现跨域访问,有很多种方式,上述提到的jsonp就是一种流行的方式,还有其他一些方式,我在这里就不展开说了,只是想说明ajax的采用也是有条件的,任何技术的同时实现都不会是没有限制的。跨域访问时两个很关键的知识点,之前专门写过一篇有关跨域访问的归纳,还挺详细的,能移步查看: javascript中同时实现跨域的方式归纳
十.不可忽视的HTTP头文件
http允诺中的两个关键再通过查看允诺头和响应头的信息,大体会知道这次允诺的结论是怎么样的,结合响应的主体内容,能很快找到问题。所以学会看http的头文件信息是后端开发中必须掌握的两个技能,上面就来看看具体内容的头文件信息。
首先随便上一张sf中的完成两个搜索结论的http允诺,能从图中的右侧清楚看到允诺头和响应头的内容,包括了很多个字段信息,这些字段信息就是我们需要掌握的知识点,上面挑出其中的重点字段展开分析。
1.允诺头信息:
Accept:客户端支持的统计数据类型 Accept-Charset:客户端采用的编码 Accept-Encoding:客户端支持的统计数据压缩格式 Accept-Language:客户端的语言环境 Cookie:客服端的cookie Host:允诺的服务器门牌号 Connection:客户端与服务连接类型 If-Modified-Since:上一次允诺资源的缓存时间,与Last-Modified对应 If-None-Match:客户段缓存统计数据的唯一标识,与Etag对应 Referer:发起允诺的源门牌号。3.两者都可能出现的消息
Pragma:是否缓存(http1.0提出) Cache-Control:是否缓存(http1.1提出)
4.跟缓存相关的字段
(1) 强制缓存 expire 和 cache-control
(2) 对比缓存 Last-Modified 和 If-Modified-Since Etag 和 If-None-Match