Complete JSON AJAX API Code Course Beginner to Professional
完整的JSON AJAX API课程：从初学者到专业人员

Learn how to use JSON and get JSON data using AJAX Course includes practice exercises and examples using JSON & AJAX
学习如何使用JSON和通过AJAX获取JSON数据。课程包含实践练习和使用JSON及AJAX的示例。

教程演示🔗

学生数量：11,067 个学生

上次更新时间：2023年1月

教程评分：4.7

教程语言：英语

教程字幕：中文、英语字幕

本课程包括：在移动设备和电视上观看、25 小时 长的随选视频、结业证书、94 篇文章、66 个可下载资源、完整的永久访问权字幕

学习内容

1、在Web应用程序中使用JSON数据
2、在Web上使用AJAX发起请求
3、构建更多动态和交互式的应用程序

要求

1、如何利用课程资源
05:44
2、课程开发环境和工具
09:15
3、Visual Studio Code 安装与Live Server设置
15:19
4、基础HTML和JavaScript
5、网络开发经验
6、需要编码经验。

课程介绍

专为初学者设计的AJAX和JSON学习课程！逐步教学，包含所有步骤！

非常适合API初学者，了解如何使用JavaScript连接到Web API。

请注意，本课程针对有编程经验的学生设计，目标是展示如何使用JavaScript连接API和端点。课程有先决条件——必须具备JavaScript知识，没有编程经验请勿报名。

课程包含大量实例和代码片段，供你扩展、练习和熟悉AJAX。顶级开发者资源、实用技巧以及众多公开API供你实践，一应俱全。

还提供源代码，让你可以直接开始构建应用。

JSON是不同编程语言间数据传输的首选格式，易于阅读、创建和处理。学习如何理解和在自己的应用中使用JSON。

AJAX允许你的JavaScript代码执行HTTP请求获取数据，并用新数据更新页面内容，通常数据以JSON格式存在，非常适合JavaScript应用。

AJAX和JSON无处不在，携手驱动许多顶级Web应用，满足现代网站用户期待。

本课程技术：JavaScript、HTML、CSS、Node.js、AJAX、jQuery、SQLite，以及多个npm包。

JSON – JavaScript对象表示法（轻量级数据交换格式，人读写方便）

学习什么是JSON，以及如何与JavaScript一起使用。

探索如何读取和编写JSON对象。

遍历JSON数据并将内容输出到网页HTML元素中。

动态构建JSON以提高灵活性和管理性。

事件触发：如何触发事件监听器，在JavaScript中使用JSON数据，以及将JavaScript数据保存为JSON格式内容。

JavaScript中的JSON对象和字符串，转换和操作。

使用HTTP XMLHttpRequest对象获取JSON。

练习：通过构建多个迷你项目来实践JSON，如从头开始创建任务列表，存储内容并从本地存储检索内容，再将其转换回可用的JavaScript对象。

AJAX – 异步JavaScript和XML

用于立即处理用户请求的基于Web的交互式应用，无需页面刷新。

探索AJAX的工作原理及其在Web应用中的使用。

了解Fetch和XHR是什么，以及它们如何获取数据。

连接外部内容和数据，将其加载到应用中，并输出给用户。

练习：使用AJAX连接到Web API并获取随机用户信息。

学习如何使用AJAX获取txt文件内容。

练习：使用AJAX从API获取笑话并将响应数据输出到网站。

了解如何使用Fetch进行AJAX请求。

练习：使用Fetch和XHR进行简单POST和GET到服务器，以及使用Fetch发送表单数据到服务器。

利用库简化AJAX

使用在线最流行的两个库之一探索AJAX。解决不同浏览器之间的XHR请求差异，提供无缝且易于应用的AJAX体验。

使用jQuery或Axios进行AJAX

轻松实现AJAX的选项。

jQuery AJAX和简写ajax方法。

练习：使用jQuery和Axios连接到各种Web API，构建简单的AJAX迷你应用。

jQuery：探索如何使用这个最受欢迎的JavaScript库，用更少的代码做更多事情。

轻量级库选择：Axios提供了一种基于承诺的无缝AJAX方法。

本地AJAX练习：JSON服务器

在本地使用AJAX时，我们常遇到CORS错误或其他问题。JSON服务器提供了一个理想的资源，用于轻松设置和练习本地JSON就绪服务器。发送POST和GET请求，以及更多功能。

学习如何在本地设置JSON服务器。

开发过程中练习AJAX请求的顶级资源，如Postman。

练习：创建前端应用连接到你的JSON服务器并发送数据，使用JavaScript和HTML构建用户界面。

练习使用AJAX向本地服务器发送请求，使用JavaScript AJAX向JSON服务器提交数据。

练习：构建由本地JSON数据库驱动的交互式应用。

Google Sheets作为AJAX请求的数据源

探索如何结合Google脚本和Google Sheets，从表格中输出数据。学习如何将这些数据连接到你的应用。Apps Script是G Suite平台上轻量级应用开发的脚本语言。

一步步指导如何设置Google Sheets，使其作为Web应用输出JSON数据。

从Web应用中使用AJAX获取数据并将其放入JavaScript代码。

进一步扩展使用Google Apps Script。GET和POST到Google Script Web应用，添加和检索JSON格式数据。

练习：从Google Sheets发送和接收数据，创建用户列表，将Google Sheets用作数据源。

连接到用户数据的Web API并在表单中轻松添加到Google Sheet。

AJAX使用XHR请求、Fetch、jQuery和Axios

比较不同AJAX请求选项的探索。

逐步教程帮助你学习AJAX。

在构建和学习课程中介绍的四种方法的同时，探索不同的AJAX请求方式。

练习：一个完整的迷你测试应用，你可以输入URI并进行AJAX请求。

从流行端点获取AJAX数据

从YouTube和维基百科等流行API获取数据，为你的应用使用。学习如何导航Web API并在项目中使用数据。

练习：连接到维基百科API并导出API响应数据。

练习：使用搜索连接到YouTube和维基百科，查询并返回JSON数据供网页使用。

基于JavaScript AJAX的问答应用练习

探索使用流行API构建互动和动态应用。

练习：连接到问答API并对响应数据进行排序。

使用响应JSON输出并构建用户可以交互的动态内容。

RESTful API设置与开发

使用Node.js、jQuery、JavaScript和SQLite，学习如何设置和连接数据库到RESTful API。

探索如何设置RESTful API！GET、POST、PUT、DELETE。

使用终端通过Node.js设置后端服务器。使用命令行界面简单命令导航和设置文件夹。

学习如何使用Node设置本地http服务器，为localhost准备就绪。

使用Postman等Web资源测试路由和端点响应。API Web资源：Postman CRUD。

设置RESTful API的路由GET、POST、PUT、DELETE。

添加SQLite数据库以存储数据

练习：构建一个从服务器数据库发送和接收用户信息的小型应用。

实时推送消息练习

使用Pusher设置实时消息应用，将数据推送到打开的页面。实时发送和接收数据。

探索如何将Web服务集成到应用中。

使用AJAX请求向Web服务发送数据。

练习：从头开始构建一个简单的实时消息应用。

AJAX Fetch请求API练习

探索如何从头开始构建一个简单的加密货币Web应用。这是学习更多、实践不同请求选项并探索如何自定义前端输出数据的好机会。

使用Express设置本地服务器，本地练习AJAX请求。

避免本地CORS错误，从后端发送请求。

使用request连接到Web API

多种方式执行AJAX请求，包括Fetch和jQuery。

探索在数据到达前端之前在后端检索和更新API数据。

练习：构建自定义加密货币信息应用。

AJAX Twitter API练习

探索从本地机器连接Twitter开发者API。使用JavaScript和Node设置Twitter搜索。

学习如何设置本地服务器获取Web内容。

连接到Twitter API，获取大量数据，搜索和探索。

访问Tweet对象并将JSON数据获取到网页上。

从网页POST到Twitter。

获取Tweet对象。

练习：构建一个搜索推文并发布到Twitter的小型应用。

本课程涵盖了学习JSON和AJAX所需的一切，包括实践练习、大量示例、源代码和分步教程。还有Q&A中友好的支持，帮助你学习并解答疑问。

现在尝试，无风险，附带30天退款保证。

看看你能用AJAX和JSON做什么！

“深入学习AJAX与JSON：专为编程入门者打造的实战课程，通过JavaScript连接Web API，掌握数据交换与异步加载。课程强调实战演练，涵盖JavaScript、HTML、CSS、Node.js等内容，从理解JSON基本概念、读写操作，到利用Fetch、jQuery和Axios进行AJAX请求，以及与Google Sheets和Twitter API的互动。全程实例驱动，助你在实践中精通AJAX与JSON，实现动态网页与数据交互。立即开始你的学习旅程，享受30天无风险退款保障。”