了解JSON和外链
什么是JSON?
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于JavaScript语言的一些数据结构,用于数据的序列化和传输。 JSON格式的数据可读性高,易于解析和生成,已成为很多Web应用中数据交换的常用格式。
什么是外链?
外链指在网页、论坛、博客等场合下,将一个网站或者网页的链接进行发布或嵌入到其他网站或者网页中,形成另外一个网站或网页包含该链接的行为。外链能够为你的网站 or 网页带来更多的流量来自不同的地方。
JSON怎么做外链?
JSON外链需要另外一个网站提供数据吗?
是的。JSON数据本身必须位于其他域名下,而在你的网页中只是提供一个链接引入JSON源文件,这种操作需要同源策略。JSON被视为数据格式,不涉及到HTML,CSS、图片等内容,故而JSON的跨域资源共享(CORS)由Nginx、Apache或Tomcat进行服务器端配置,在JSON数据被获取之前,需要在响应头中添加允许访问白名单。
如何将JSON文件嵌套到网页中?
将 JSON 数据载入到 Web 页面通常使用 AJAX。AJAX 允许您在不重新加载页面的情况下从服务器请求数据,并更新页面上的部分内容。
您可以使用 JavaScript 中的标准 XMLHttpRequest 对象进行 AJAX;标准 jQuery 库中也包含一种用于读取和解析 JSON 文件的方法。
JSON数据如何应用到网页中?
一旦您获取了 JSON 数据并将其载入到 Web 页面中,您可以使用 JavaScript 将其转换为 HTML,这是一种叫做数据绑定的技术。您将数据绑定到 DOM 元素上,使它们实时更新。例如您可以使用 Mustache、Handlebars 等模板库将JSON数据编译至HTML中元素显示。
JSON自学教程
如何了解JSON?
您可以在 W3schools 网站上学习 JSON 基础知识( W3school 学习资料 )。该网站提供了 JSON 基础知识的简单介绍、语法规则、实例演示以及练习题。
如何使用AJAX获取JSON数据?
关于 AJAX 的使用,W3schools 也提供了很好的教程:用于在不重新加载页面的情况下从服务器获取 JSON 数据。
如何使用模板引擎将JSON数据呈现至网页中?
同样,W3schools 同样提供了一个很好的免费学习教程,学习使用模板库将数据呈现在 HTML 中。库包括 Mustache、Mustache.java、Handlebars 以及评分。
总结
JSON 是很强大的一种数据交互格式,与网页的契合度很高,可以被广泛应用于许多网站功能的实现。同时,通过外链对 JSON 的使用方式也对建立独立的 Wep APP 很有帮助。