josn教程（二）---json简介

以你之姓@ 2022-07-14 10:25 112阅读 0赞

首先，来看一个json在html页面中的一个实例

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    <h2>JavaScript 创建 JSON 对象</h2>
    <p>
    网站名称: <span id="jname"></span><br /> 
    网站地址: <span id="jurl"></span><br /> 
    网站 slogan: <span id="jslogan"></span><br /> 
    </p>
    <script> var JSONObject= { "name":"菜鸟教程", "url":"www.runoob.com", "slogan":"学的不仅是技术，更是梦想！" }; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jurl").innerHTML=JSONObject.url document.getElementById("jslogan").innerHTML=JSONObject.slogan </script>
    
    </body>
    </html>

解释： 上面实例定义了一个名称为JSONObject的json对象，该队长有三个属性，分别name，url，slogan。在脚本中，通过获取到指定的元素，然后将定义的JSONObject对象的值存放进指定id的span元素中。

知识点一：JSON与 XML 相同之处是什么？

JSON 是纯文本
    JSON 具有"自我描述性"（人类可读）
    JSON 具有层级结构（值中存在值）
    JSON 可通过 JavaScript 进行解析
    JSON 数据可使用 AJAX 进行传输

知识点二：JSON与XML的不同之处是什么？

没有结束标签
    更短
    读写的速度更快
    能够使用内建的 JavaScript eval() 方法进行解析
    使用数组
    不使用保留字

知识点三： 那么我们为什么要使用json呢？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：
    
    使用 XML
            读取 XML 文档
            使用 XML DOM 来循环遍历文档
            读取值并存储在变量中
    使用 JSON
            读取 JSON 字符串
            用 eval() 处理 JSON 字符串

发表评论取消回复

表情：

评论列表（有 0 条评论，112人围观）

还没有评论，来说两句吧...

相关阅读

相关 UE4 Josn

三种形式的json文件 1、 [ "6L42J5RVAVZNOPTUKE888888", "6L4JOEZVAVQE6PTULQ88

旧城等待，/ 2023年02月16日 14:29/ 0 赞/ 4 阅读

相关 JOSN的使用

一、概述 JSON是 `JavaScript Object Notation` 的缩写，中文译为：`JS对象简谱` 。它去除了所有的JavaScript执行代码，只保留J

迷南。/ 2022年11月10日 14:55/ 0 赞/ 158 阅读

相关 Json简介

前言： JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于ECMAScript的一个子集。 JSON选用完全独立于语言的

阳光穿透心脏的1/2处/ 2022年09月12日 06:56/ 0 赞/ 153 阅读

相关 JSON简介

JSON简介 json是什么？ json是JavaScript Object Notation的简写，简单点来说就是一种轻量级的数据交换格式。起初来源于JavaScri

冷不防/ 2022年08月28日 12:51/ 0 赞/ 187 阅读

相关 josn教程（二）---json简介

首先，来看一个json在html页面中的一个实例 <!DOCTYPE html> <html> <head> <meta charset="u

以你之姓@/ 2022年07月14日 10:25/ 0 赞/ 113 阅读

相关 JSON简介

概述 JSON（JavaScript Object Notation）是一种由道格拉斯·克罗克福特构想设计、轻量级的数据交换语言，以文字为基础，且易于让人阅读。尽管J

短命女/ 2022年06月05日 05:08/ 0 赞/ 283 阅读

相关 JSON简介

本文主要介绍 JSON 的相关知识。 1. 概述 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，易于人们阅读和编写，同时

左手的ㄟ右手/ 2022年05月23日 02:11/ 0 赞/ 213 阅读

相关 JSON简介

jQuery JSON简介 1、JSON：JavaScript对象表示法。 JSON是储存和交换文本信息的语法： 1. JSON是轻量级的文本数据交换格式

迈不过友情╰/ 2022年02月22日 20:10/ 0 赞/ 234 阅读

相关 PHP josn和数组互相转换 josn转数组数组转为josn

PHP部分代码 //json -> 数组 //json字符串 $josnstr= '[{ "id": "1", "id": "2", "id": "3

╰半橙微兮°/ 2021年08月30日 20:19/ 0 赞/ 379 阅读

相关 JSON 简介

json 一、什么是json？ JSON(`JavaScript Object Notation`) 是一种轻量级的数据交换格式。 JSON是用字符串来表示Ja

矫情吗；*/ 2021年06月22日 15:36/ 0 赞/ 516 阅读