AJAX
云中自有锦书
量变才有质变
展开
-
AJAX基础知识
AJAX 即 Asynchronous [e'sɪŋkrənəs] Javascript And XML, AJAX 不是一门的新的语言,而是对现有技术的综合利用。 本质是在HTTP协议的基础上以异步的方式与服务器进行通信。 1. 同步与异步 同步和异步概念: 同步: 指的就是事情要一件一件做。等做完前一件才能做后一件任务 异步: 不受当前任务的影响,两件事情同时进行,做一件事情时,不影...原创 2019-08-11 14:44:55 · 174 阅读 · 0 评论 -
AJAX——接口化开发(短信验证与用户注册)
接口化开发 请求地址即所谓的接口,通常我们所说的接口化开发,其实是指一个接口对应一个功能, 并且严格约束了请求参数 和响应结果 的格式,这样前后端在开发过程中,可以减少不必要的讨论, 从而并行开发,可以极大的提升开发效率,另外一个好处,当网站进行改版后,服务端接口进行调整时,并不影响到前端的功能。 获取短信验证码 需求文档(产品) 总需求:点击获取验证码按钮,向服务端发送请求, 调用服务...原创 2019-08-11 14:56:17 · 498 阅读 · 0 评论 -
AJAX——模板引擎
模板引擎 是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。 为什么要使用模板引擎 我们通过ajax获取到数据后,需要把数据渲染到页面,在学习模板引擎前,我们的做法是大量的拼接字符串,对于结构简单的页面,这么做还行 但是如果页面结构很复杂,使用拼串的话代码可阅读性非常的差,而且非常容易出错,后期代码维护也是相当的麻...原创 2019-08-11 16:05:01 · 371 阅读 · 0 评论 -
AJAX——瀑布流布局
瀑布流案例 封装jQuery瀑布流插件 //特点分析: //1. 跟以前的瀑布流不一样的是,这次的瀑布流固定版心为1200px //2. 瀑布流固定摆放5列,每一列的宽度固定为232px。 //思路分析: //1. 计算每一列之间的缝隙 //2. 初始化一个数组,用户存储每一列的高度 [0,0,0,0,0] //3. 查找数组的最小列,每次都把图片定位到最小列的位置 //4. 更新数组最小...原创 2019-08-11 17:06:04 · 333 阅读 · 0 评论 -
XMLHttpRequest2.0
XMLHttpRequest2.0 XMLHttpRequest是一个javascript内置对象,使得Javascript可以进行异步的HTTP通信。2008年2月,就提出了XMLHttpRequest Level 2 草案。 老版本的XMLHttpRequest的缺点: 1. 仅支持传输文本数据,无法传说二进制文件,比如图片视频等。 2. 传输数据时,没有进度信息,只能提示完成与否。 ...原创 2019-08-11 20:29:50 · 328 阅读 · 0 评论 -
AJAX——同源与跨域1
同源与跨域 1. 同源 同源策略的基本概念 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。同源策略:最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。所谓"同源"指的是"三个相同"。 协议相同 域名相同 端口相同 举例来说,这个网址http://www.example.com/dir/page.html协...原创 2019-08-11 20:53:19 · 135 阅读 · 0 评论 -
AJAX——同源与跨域2
参考链接:https://www.cnblogs.com/sdcs/p/8484905.html 1. 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1、资源跳转:A链接、重定向、表单提交 2、资源嵌入:<link>、<script>、<img>、<frame>等dom标签,还有样...原创 2019-08-11 22:01:41 · 152 阅读 · 0 评论