AJAX API JSON Connect to JSON data using AJAX webpage

所在平台: Udemy

课程主页: https://www.udemy.com/course/ajax-api-json/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:AJAX API JSON连接到JSON数据使用AJAX网页 课程概述: 本课程旨在探讨如何通过AJAX技术连接到网络上的各种端点,获取并使用JSON数据在您的网站上。课程介绍了JavaScript对象和JSON(JavaScript对象表示法),JSON是一种开放标准的文件格式,用于传输具有属性-值对和数组数据类型的数据对象,广泛应用于现代编程。 AJAX(异步JavaScript + XML)是一套用于客户端创建异步Web应用程序的开发技术,使得Web应用能够在后台发送和接收数据而不会干扰页面的显示和行为。通过将数据交换层与展示层解耦,AJAX允许Web页面在不重新加载整个页面的情况下动态更改内容。 课程内容涵盖: - JavaScript对象及其在代码中的使用,包括如何检索值和存储相关数据集。 - JavaScript数组的使用,这是一种常用于JSON中包含对象的数据结构。 - JSON与JavaScript对象的比较。 - 迭代数组内容的多种方法。 - 如何使用JSON.parse和JSON.stringify进行数据转换。 - 使用在线工具连接到端点并调试AJAX请求。 - 使用JavaScript Fetch方法获取内容。 - GET和POST方法与Web端点的交互。 - 多个开放Web API的示例。 - 附带源代码。 另外,本课程将简要介绍JavaScript对象的基础和数组的构造,方法及其在JSON中的表现形式。培训由拥有超过20年Web开发经验的讲师授课,适合希望入门AJAX和JSON的学习者。 请注意,本课程的范围限于简单的API和JSON创建,适合于希望快速入门的学生,而非寻求复杂命令和详细JavaScript内容的学习者。如果您有兴趣了解AJAX和JSON,欢迎加入本课程!

课程评论(0条)

课程详情

Explore how you can connect to various endpoints on the web and get JSON data to use on your website. JSON data and JavaScript ObjectsJavaScript Object Notation (JSON) is an open-standard file format or data interchange format that uses human-readable text to transmit data objects consisting of attribute-value pairs and array data types. It is a very common data format, with a diverse range of applications.JSON is a language-independent data format. It was derived from JavaScript, but many modern programming languages include code to generate and parse JSON-format data. The official Internet media type for JSON is application/json. JSON filenames use the extension.json.AJAX ("Asynchronous JavaScript + XML") is a set of web development techniques using many web technologies on the client side to create asynchronous web applications. With Ajax, web applications can send and retrieve data from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. By decoupling the data interchange layer from the presentation layer, Ajax allows web pages and, by extension, web applications, to change content dynamically without the need to reload the entire page.In practice, modern implementations commonly utilize JSON instead of XML.Course Covers JavaScript Objects and how they are used in code to retrieve values and store groups of related data setsJavaScript Arrays - a data structure commonly used in JSON to contain Objects JSON vs JavaSCript ObjectsIterate Array ContentsJSON parse and StringifyTools online to help connect to endpoints and debug AJAX requestsUse of JavaScript Fetch to return contentGET and POST methods to web endpointsVarious examples of open web APIsSource Code is included.JavaScript ObjectAn object is a collection of related data and/or functionality.Functions can be contained in JavaScript objects they are referred to as methods within the object.JavaScript objects names don't need quotes, can be single, double or none.Values can be Strings, Numbers, Booleans, Arrays, ObjectsCreate an object setting a variable name and assigning the {} to the variable.Object names can hold values of other objects and arraysCan go multiple levels deep, as many as needed.Dot notation: The object name (person) acts as the namespace, then a dot, then the item you want to access.Bracket notation: Similar format to arrays, instead of using an index number to select an item you are using the name associated with each member's value.JavaScript ArrayAn Array can hold multiple valuesArrays cannot use strings as element indexes but must use integers.Arrays are zero based, first index value is always 0;Array values can be strings, numbers, booleans, arrays or objects.The design of objects and arrays is to hold lots of content. You can loop through the content in a number of ways using JavaScript.You can loop through the data in the array using a number of methods in JavaScript. Arrays need the index to find the value associated with it. If objects are contained within you should structure them the same way so it is easier to check the values contained.Objects have length so using a for loop is possible. There is also Object.entries which can get the key and the value from the object.Keep data structured the same so that you can easily determine where the values are located.The JSON.stringify() method converts a JavaScript object or value to a JSON stringThe JSON.parse() method parses a JSON string, constructing the JavaScript value or object described by the stringThe JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON.Objects and Arrays: Property names must be double-quoted strings; trailing commas are forbidden.Numbers: Leading zeros are prohibited; a decimal point must be followed by at least one digit. NaN and Infinity are unsupported.Please note that the scope of this course using JavaScript and JSON data outputting via JavaScript. If you are looking for a more detailed JavaScript course this course is not for you. Simple course with limited scope designed to be topic specific.Taught by an instructor with over 20 years of Web Development experience.If you've been looking to get started with AJAX and JSON- THIS COURSE IS FOR YOU!!!!Nothing to lose - Fast friendly support is always available to help if you need it.Please note that the SCOPE OF THIS COURSE IS Creating a simple API and JSON and will not cover complex commands and everything about JavaScript, HOW TO GET STARTED COURSE - if you are looking at more detailed node or JavaScript content this is not for you.

课程标签

0人关注该课程

主题相关的课程