AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

AJAX 是一种用于创建快速动态网页的技术。

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。《传智播客AJAX视频教程》讲解了关于AJAX的相关技术。

AJAX 开发中的难题

让我们通过一个简单的例子来认识这个问题。假设你要建立一个树形结构的公告栏系统(BBS),它可以根据用户请求与服务器进行交互,动态加载每篇文章的信息,而不是一次性从服务器载入所有文章信息。每篇文章有四个相关属性:系统中可以作为唯一标识的ID、发贴人姓名、文章内容以及包含其所有子文章ID的数组信息。首先假定有一个名为getArticle()的函数可以加载一篇文章信息。该函数接收的参数是要加载文章的ID,通过它可从服务器获取文章信息。它返回的对象包含与文章相关的四条属性:id,name,content和children。例程如下:function ( id ) {

var a = getArticle(id);

document.writeln(a.name + "

" + a.content);

}

然而你也许会注意到,重复用同一个文章ID调用此函数,需要与服务器之间进行反复且无益的通信。想要解决这个问题,可以考虑使用函数 getArticleWithCache(),它相当于一个带有缓存能力的getArticle()。在这个例子中,getArticle()返回的数据只是作为一个全局变量被保存下来:var cache = {};

function getArticleWithCache ( id ) {

if ( !cache[id] ) {

cache[id] = getArticle(id);

}

return cache[id];

}

现在已将读入的文章缓存起来,让我们再来考虑一下函数backgroundLoad(),它应用我们上面提到的缓存机制加载所有文章信息。其用途是,当读者在阅读某篇文章时,从后台预加载它所有子文章。因为文章数据是树状结构的,所以很容易写一个递归的算法来遍历树并且加载所有的文章:function backgroundLoad ( ids ) {

for ( var i=0; i < ids.length; i++ ) {

var a = getArticleWithCache(ids[i]);

backgroundLoad(a.children);

}

}

backgroundLoad ()函数接收一个ID数组作为参数,然后通过每个ID调用前面定义过的getArticldWithCache()方法,这样就把每个ID对应的文章缓存起来。之后再通过已加载文章的子文章ID数组递归调用backgroundLoad()方法,如此整个文章树就被缓存起来。

传智播客ajax视频教程 百度云,传智播客AJAX视频资料分享相关推荐

  1. 妙味课堂ajax教程,妙味课堂JS高级专题篇视频资料分享

    <妙味课堂JS高级专题篇视频教程>将向大家详细介绍javascript,javascript是一种直译式脚本语言,也是一种广泛用于客户端Web开发的脚本语言.目前,被数百万计的网页用来改进 ...

  2. 前端、后端,数据结构,编程语言,微信小程序,英语,理综,PS,MySql,Python,JS,Jquery,Ajax,免费百度云资源链接

    高中英语知识点汇总百度云: 链接:HTTPS://pan.baidu.com/s/1X0ELSe7LorfLAzNMrUpkxA密码:byo5 英语基础语法百度云: 链接:HTTPS://pan.ba ...

  3. python从入门到精通视频教程百度云-python从入门到精通视频教程百度云资源

    python从入门到精通视频教程百度云资源来源 : 华清远见 2019-05-24 随着新技术的不断推进,在未来无论我们是要进入网页开发.数据分析.机器学习.人工智能还是无人车云计算等领域,Pytho ...

  4. 超过4g的文件怎么上传到linux,怎么免费上传大于4G的文件到百度云 大于4G的文件不开会员怎么上传到百度云...

    4G管家appv1.0 安卓版 类型:系统工具大小:13.1M语言:中文 评分:10.0 标签: 立即下载 百度云可以非常方便大家存储一些大文件资料,而且百度云的容量也非常高,不过如果你是普通用户的话 ...

  5. python从入门到精通百度云-python从入门到精通视频教程百度云资源

    python从入门到精通视频教程百度云资源来源 : 华清远见 2019-05-24 随着新技术的不断推进,在未来无论我们是要进入网页开发.数据分析.机器学习.人工智能还是无人车云计算等领域,Pytho ...

  6. python基础教程百度云-python从入门到精通视频教程百度云资源

    随着新技术的不断推进,在未来无论我们是要进入网页开发.数据分析.机器学习.人工智能还是无人车云计算等领域,Python 都是一件必不可少的工具.因此,北京华清远见教育集团特意推出Python教程视频教 ...

  7. Python 视频教程百度云分享

    与现在流行的编程语言Java.C.C++等相比较,同样是完成一个功能,Python编写的代码短小精干,开发的效率是其它语言的好几倍.所以如果你想尝试成为程序员,Python将会是一个重要的选择,Pyt ...

  8. qq文件怎么传到百度云_福利|还在用 QQ、微信、百度云传文件?你应该试试这个跨平台传输工具...

    原标题:福利|还在用 QQ.微信.百度云传文件?你应该试试这个跨平台传输工具 爱范儿 x 熊猫吃短信 联合推出的小程序「疫小搜」上线了!第一时间扫描身边几百米的疫况. 打开小程序,进行定位授权,就能查 ...

  9. SpringBoot视频教程 百度云

    SpringBoot视频教程 百度云 史上最全最精辟的SpringBoot视频教程 百度云保存地址 链接:https://pan.baidu.com/s/1A4LEDgqmwXJl6On7ifnXNQ ...

  10. python自动化测试教程百度云盘_Python接口自动化测试框架实战视频教程百度云下载...

    主流的Fiddler.Requests.Unittest.Mock等接口测试工具/框架应用 进阶自动化框架设计开发 课程目录: 1-1 接口自动化测试从基础到框架-导学 1-2 接口基础知识回顾 1- ...

最新文章

  1. java access dbq_java连接access数据库
  2. 【ios开发】图片拉伸
  3. 通过AI技术研究网红对其粉丝的消费品牌意识的影响
  4. Swagger-概述
  5. linux mysql 写shell_Linux—编写shell脚本操作数据库执行sql
  6. win7如何添加终端服务器,Windows7系统超级终端的添加方法 win7如何添加超级终端...
  7. java接口允许ajax访问_服务允许AJAX请求,允许跨域请求
  8. PWM级联方案。UART接口的单总线控制多个PWM输出。数字舵机,舵机级联方案
  9. 「leetcode」941. 有效的山脉数组:【双指针】详解
  10. Springboot如何实现自定义错误页面(错误处理机制详解)
  11. 【cooper】深度学习入门:基于Python的理论与实现(鱼书)_个人读书笔记
  12. 微信小视频显示服务器正在升级,更新微信版本后 朋友圈小视频提示显示录制时间太短的解决办法...
  13. 基于小程序同城交易系统设计 同城小程序校园二手交易小程序毕业设计课题选题毕设毕业设计论文
  14. 求当前高度=n时,值x=多少?求解题思路
  15. python列表两两相减_【数据分析入门】之:如何用Python代替Excel(1)
  16. SiTime硅晶振 高性能MEMS时钟方案在5G中的应用
  17. 欧洲专线运输方式有哪些?有哪些优势?
  18. java显示图片缩略图_java中生成图片的缩略图
  19. mysql int等字段括号里的数字含义和作用
  20. mysql 数据库视图,Mysql数据库中的视图

热门文章

  1. Matlab入门1(有手就行)
  2. 7.2.5 dps 测试软件,dps排行榜网站_7.1.5dps排行榜分享DPS模拟常见上榜翻译2
  3. 64位驱动 hp630打印机_惠普630打印机驱动
  4. 抖音、快手无水印视频下载【现已支持所有平台】
  5. Scratch3架构结构说明
  6. 炫炫炫的十六进制编辑器
  7. IEEE Access 期刊投稿
  8. 微波工程(5)——滤波器
  9. visio设置网络拓扑图
  10. 详细解析Photoshop10个必学的抠图技巧