AJAX 入门(中/英)

使用 jQuery 发送异步请求

中级

大约 2 个礼拜

6小时每周 (按照自己的节奏)

加入成千上万的全球学员

开始免费课程

加入课程
免费
可享受
课程视频
实战练习与参考项目指导
中级

大约 2 个礼拜

6小时每周 (按照自己的节奏)

加入成千上万的全球学员

课程概述

在这节课中,你将学习如何使用 JavaScript(使用 jQuery 的 AJAX 功能)发出异步请求,并深入了解在发出请求时实际发生了什么。 你还将学习如何使用数据 API,以便充分利用应用程序中的免费数据,包括照片结果、新闻文章以及关于我们周围世界的最新数据。此课程提供中文版本。

作为课程的一部分,你将构建一个 Web 应用,帮助人们了解他们搬家的目的地! 你的应用要会查询 Google 街景、维基百科和《纽约时报》API!

喜欢这门课程?你可以继续学习“前端开发工程师”纳米学位!

为什么学习这门课程?

用户体验对网站或 Web 应用的成功至关重要。确保用户体验流畅无阻非常重要,但有时候应用程序需要执行一些花费很长时间才能完成的任务。有了 AJAX ,应用开发人员便可以与服务器端 API 进行交互,而无需暂停脚本执行或强制重新加载页面。

此外,学会如何查询数据 API 将为你打开大量免费数据的大门。想要构建一款航班追踪应用?一个具有图片搜索功能的照片库?或者一个推文查看器?你只需找到提供所需数据的 API,阅读说明文档和示例代码,然后开始查询便可以了。

如果你想要构建稳定、快速的 Web 应用,知道如何使用 AJAX 查询服务器是必备技能。

先修要求

  • JavaScript 中级水平(相当于完成了我们的 JavaScript 基础课程)。
  • 熟悉 HTML/CSS。

查看使用优达学城的技术要求

你将学习什么内容?

项目

街区地图

你将开发一个单页应用,展示你所在街区或你想要参观的街区的地图。然后你将向此应用添加其他功能,包括:地图标记,用于标识你要参观的著名位置或地点;搜索功能,用于快速找到这些位置;以及一个列表视图,用于简单浏览所有位置。然后,你将调查并实现提供每个位置附加信息的第三方 API(如街景图像、维基百科文章、Yelp 评论等)。

学习计划

基础知识

  • 什么是 AJAX?
  • 为什么使用 API?
  • 如何在现有网站中识别 AJAX 请求?

实践

  • 克隆 Move Planner 代码库
  • 实现 Google 街景 API
  • 实现《纽约时报》API
  • 常规 AJAX 请求的错误处理
  • 实现维基百科 API
  • JSON-P 请求的错误处理

反思

  • 你学到了什么?
  • 你还可以怎样使用 AJAX 加速页面加载?
  • 自定义你的应用!

讲师与合作伙伴

Cameron Pittman

Cameron Pittman

Cameron 是一位充满激情的教育工作者和程序员,非常热爱网页开发。他专门为优达学城创建编程类课程。来此之前,他曾是西雅图创业公司 LearnBIG 的内容主管和网页开发者。他在田纳西州纳什维尔的一所高中教了四年课程,主要教物理和化学。在此期间,他率先利用视频游戏“传送门 2 (Portal 2)”来讲述物理知识。Cameron 荣获了范德堡大学物理和天文学本科学位,并获得贝尔蒙特大学的教育学硕士学位。

官方微信公众号二维码

优达学城(Udacity)微信