干货:手把手教你用ython读写xcel及解析腾讯云开发者社区

导读:本文要介绍的这些技法,会用Python读入各种格式的数据,并存入关系数据库或NoSQL数据库。

作者:托马兹·卓巴斯(Tomasz Drabas)

本文摘编自《数据分析实战》,如需转载请联系我们

本文的源代码与数据集都可在Github上获取。如果要复制代码库,打开你的终端(Windows环境下的命令行、Cygwin或Git Bash,Linux/Mac环境下的Terminal),键入下面这条命令:

git clone

注意,你的机器得装好Git了。安装指南参见:

我们将使用一个数据集,包含985项真实的房产交易。这些交易是连续5天内在Sacramento发生的。数据下载自:

精确地说,来自:

数据已转成多种格式,放在GitHub代码库的Data/Chapter01文件夹中。

另外,你会学到如何从HTML文件中检索信息。出于这个目的,我们将使用Wikipedia上字母A打头的机场列表:

我们将使用OpenRefine清理我们的数据集;它很擅长数据的读取、清理以及转换数据。

01 用Python读写CSV/TSV文件

CSV和TSV是两种特定的文本格式:前者使用逗号分隔数据,后者使用\t符。这赋予它们可移植性,易于在不同平台上共享数据。

1. 准备

要实践这个技法,你要先装好pandas模块。这些模块在Anaconda发行版Python中都有。如果你装的是这个版本,就省事了。如果不是,那你得安装pandas并确保正确加载。

可以从

下载Anaconda。

如果你装了Python,没有pandas,你可以从

下载,并按照文档安装到你的操作系统中。

此外没有要求了。

2. 怎么做

pandas模块提供了高性能的高级数据结构(比如DataFrame)以及一些基本的分析工具。

DataFrame是一种数据结构,有点像Excel表格,列代表数据集的维度(例如,人的身高和体重),行存储着数据(例如,1000个人的具体身高和体重数据)。参考:

打开命令行控制台(Windows环境下可使用命令或Cygwin,Linux/Mac环境下可使用Terminal),执行这条命令:

你会看到类似这样的输出:

3. 原理

首先加载pandas,以使用DataFrame及相关方法来读写数据。注意,关键词as赋给pandas一个别名pd。这样在后面的代码中,使用DataFrame或read_csv(...)方法时,我们就不用写出包的全名了。我们将(用于读和写的)文件名分别存于变量r_filenameCSV(TSV)和w_filenameCSV(TSV)。

两个文件中的数据一模一样,所以你可以输出一些记录,看看文件是否正确读入。这可通过对DataFrame对象应用.head()方法达成,其中指的是要输出的行数。

将数据存于pandas DataFrame对象意味着,数据的原始格式并不重要;一旦读入,它就能保存成pandas支持的任何格式。在前面这个例子中,我们就将CSV文件中读取的内容写入了TSV文件。

无论读写,打开文件都要使用with open(…) as …:这个固定搭配。这种方式的优点在于,一旦完成了读写任务,即使由于某些原因抛出了异常,文件依然会正确关闭。

异常是指程序员写代码时期望之外的情况。

例如,假设你有一个文件,每行只包含一个数字:你打开这个文件,开始读取。每一行作为文本读入,你需要将文本转为一个整数——计算机可以将其作为数字理解(并处理)的数据结构,而非文本。

当数据中只有数字时一切安好。然而,你将会认识到,我们收集的数据在某些方面是有瑕疵的,那么,某些行包含一个字母而非数字时,文本到整数的转换会失败,而Python会抛出一个异常。

open(, ‘w’)会以写模式(w参数)打开指定的文件。也可以传入’r’指定以读模式打开文件。以’r+’模式打开文件允许数据的双向流动(读取和写入),这样你就可以在需要时往文件的末尾附加内容。你也可以指定rb或wb来处理二进制数据(而非文本)。

to_csv(…)方法将DataFrame的内容转换为可存储于文本文件的格式。你要指定分隔符,比如sep=‘,’,以及是否保存DataFrame的索引,默认是保存的。我们不希望存,所以要指定index=False。

用索引可以很方便地辨认、校准、访问DataFrame中的数据。索引可以是一列连续的数字(就像Excel中的行号)或日期;你还可以设定多列索引。索引列并不是数据(即便打印DataFrame对象时你会在屏幕上看到索引)。

要了解更多关于索引的内容,可访问:

4. 更多

我们将标签和数据分别存储于csv(tsv)_labels和csv(tsv)_data两个列表。.reader(…)方法从文件中逐行读取数据。要创建.reader(…)对象,你要传入一个打开的CSV或TSV文件对象。另外,要读入TSV文件,你也得像DataFrame中一样指定分隔符。

5. 参考

查阅pandas文档中讲解reader_csv(…)和write_csv(…)的部分,了解更多可传入的参数。文档位于:

02 用Python读写JSON文件

JSON的全称是JavaScript Object Notation。这是个嵌套的、类似字典的结构,以逗号为分隔符,存储键值对;键与值之间以冒号分隔。JSON格式独立于具体平台(就像XML,我们将在 用Python读写XML文件介绍),便于平台之间共享数据。

要深入了解JSON,可参考:

1. 准备

要实践这个技法,你要先装好pandas模块。此外没有要求了。

2. 怎么做

3. 原理

这段代码与前一节的类似。首先,指定JSON文件的名字——我们将其存于r_filenameJSON字符串中。然后,使用pandas的read_json(…)方法,传入r_filenameJSON。

读出的数据存储于json_read这一DataFrame对象。进而使用.tail(…)方法打印出最后10条数据。要写入一个JSON文件,你可以对DataFrame使用.to_json()方法,将返回的数据写进一个文件,类似用Python读写CSV/TSV文件中介绍的流程。

4. 更多

5. 参考

参阅pandas文档中read_json的部分。文档位于:

03 用Python读写Excel文件

以表格形式操作数据的文件格式中,Microsoft的Excel文件可以说是最流行的了。拿最新的XLSX格式来说,Excel可以在单个工作表中存储一百多万行及一万六千多列。

1. 准备

要实践这个技法,你要先装好pandas模块。此外没有要求了。

2. 怎么做

3. 原理

类似之前的例子。用pandas的ExcelFile(...)方法打开XLSX文件,并赋给xlsx_file对象。用.parse(...)方法读取指定工作表的内容,并存储于xlsx_read字典。注意,通过ExcelFile对象的.sheet_names属性,你可以访问Excel文件中的所有工作表。

创建xlsx_read字典时,我们使用了字典表达式,这个做法很Python:不是显式地遍历工作表,将元素添加到字典,而是使用字典表达式,让代码更可读、更紧凑。

表达式效仿数学上的表示方法,这让代码更容易理解。比方说,2的幂次的列表:(A = (2^0, 2^1, 2^2, …, 2^8) = (2^x: 0

另外,Python里,表达式也比显式的循环要快那么一点点。

range(, )函数生成了从到-1的一列整数。例如,range(0, 3)生成的序列是0,1,2.

存储数据到Excel文件中也很简单。仅需调用.to_excel(...)方法,第一个参数传你要保存数据的文件名,第二个参数传工作表的名字。在我们的例子中,我们还指定了index=False,这样不会保存索引;默认情况下,.to_excel(...)方法保存A列的索引。

4. 更多

读取Excel文件,除了用pandas的read_excel(...)方法,你也可以选择其它Python模块。pandas使用xlrd读取数据并转成DataFrame。

首先,读取Excel文件,存入xlsx_wb(工作簿)。从工作簿中提取所有工作表的名字,并存入sheets变量。这里我们的工作簿中只有一个工作表,所以sheets变量就等于'Sacramento'。我们用它创建一个xlsx_ws对象,以遍历所有的行:

第一行是所有列的标签,最好还是单独存储——我们放到labels变量中。进而使用.rows迭代器,遍历工作表中每一行,将所有单元格中的数据加入data列表:

代码最后打印出头10行的房屋价格。我们使用表达式生成价格的列表。如代码所示,对于列表对象,你可以调用.index(...)方法查找某一元素首次出现的位置。

5. 参考

查阅pandas文档中read_excel的部分。文档在

另外,你可以访问

找到一系列模块,可帮你处理.xls和.xlsx等Excel文件格式。

04 用Python读写XML文件

XML的全称是eXtensible Markup Language(扩展标记语言)。尽管不像前面介绍的格式那样流行,不少网络API还是支持XML编码的。

XML文档结构类似一棵树。读取内容时,我们首先访问根节点(通常来说,这个节点后面会跟着XML的声明;每个XML文档都要以这样的声明开头)。在我们的例子中,根节点是。一个...中包含了一系列...。

xml模块的文档参见:

1. 准备

要实践这个技法,你要先装好pandas和xml模块。此外没有要求了。

2. 怎么做

3. 原理

使用read_xml(...)方法从XML文件读取数据:

这个方法只消传入文件名这一个参数。首先,打开文件。使用.parse(...)方法,我们由XML文件创建了一个树状结构并存入tree对象。接着,在tree对象上用.getroot()方法提取根节点:这是进一步处理数据的前提。最后一行调用iter_records方法,传入根节点的引用,进而将返回的信息转换成DataFrame:

iter_records方法是一个生成器:顾名思义,这个方法生成一些值。普通方法结束时(return语句)一次性返回所有的值;生成器不同,每次只向调用方返回一个值(即yield关键字),直到结束。

更深入地讨论生成器,建议阅读

我们的iter_records方法,每读入一行,就返回一个temp_dict字典对象给read_xml方法。字典中每个元素的键名对应XML中元素的var_name属性。(有这样的格式:。)

标签可能有其它名字的属性——这些属性会存在.attrib字典(XML树节点一个属性)并通过各自的名字访问——参考代码中高亮的部分。

的值(...内的部分)可通过XML节点的.text属性访问,而.tag属性存储其名字(这个例子中就是var)。

read_xml方法的return语句从传入的所有字典中创建一个列表,转换成DataFrame。

我们使用write_xml(...)方法,以XML格式写入数据:

接下来就是写数据。使用DataFrame对象的.apply(...)方法遍历内部每一行。第一个参数指定了要应用到每行记录上的方法。axis参数的默认值为0。意味着指定的方法会应用到DataFrame的每一列上。指定为1,我们让.applay(...)方法将指定的xml_encode(...)方法应用到DataFrame的每一行上。使用xml_encode(...)方法处理data DataFrame的每一行:

代码生成了一个字符串列表,xmlItem。列表的首元素是,尾元素是。对行中每个字段,我们以>的格式封装,并加进字符串列表。加粗部分指的是列名()和对应的值()。

解析完所有字段后,使用'\n'.join(...)方法,将xmlItem列表中所有项连接成一个长字符串。...标签之间以\n分隔。这个字符串被返回给调用方(write_xml)。记录在write_xml(...)方法中进一步连接,并输出到文件。最后加上闭合标签,大功告成。

05 用pandas解析HTML页面

尽管以前面介绍的格式保存数据是最常见的,我们有时还是要在网页表格中查找数据。数据的结构通常包含在标签内。本技法会介绍如何从网页获取数据。

1. 准备

要实践这个技巧,你要先装好pandas和re模块。re是Python的正则表达式模块,我们用它来清理列名。另外,使用pandas 的read_html(...)方法要预装html5lib模块。如果你使用的是Anaconda发行版Python,使用下面的命令就可以:

conda install html5lib

如果不是,你可以从

下载源代码。解压,手动安装模块:

cd html5lib-python-parser

此外没有要求了。

2. 怎么做

3. 原理

pandas 的read_html(...)方法解析HTML文件的DOM结构,从所有table节点中提取数据。第一个参数可以是URL、文件或HTML标签原始字符串。第二个参数指定header = 0,忽略了表头。

read_html(...)方法返回了一个DataFrame对象的列表,每项对应于HTML文件中一个table。Wikipedia的机场页面只包含了一个table,所以我们只要取DataFrame列表的首元素。是的,就是这样!机场列表已经在url_read对象中了。

拿到的数据还有两点瑕疵:列名包含空白字符,数据包含分隔行。对于名字中可能包含多种空白字符(空格符、制表符等)的问题,我们使用re模块:

首先,编译那个匹配出至少一个空白字符的正则表达式。

对正则表达式的详细讨论超出了本书的知识范围。关于这个主题,有个知识手册写得挺好的:

或者参考re模块的文档:

查看Wikipedia上的机场表,你会发现它根据前两个字母分组,组与组之间有分隔行。分隔行中缺失了其它列。为了处理这个问题,我们使用DataFrame的.dropna (...)方法。

pandas有多种方法用于处理NaN(Not a Number)情况。估算缺失值会介绍.fillna (...)方法。

.dropna (...)方法删掉缺少任意字段数据的行(或者列)。调用.dropna (...)时很容易不传任何参数,这样即便是合理的行,只要缺了夏时制(Daylight Saving Time, DST)或国际民航组织机场代码,也会被删掉。我们可以设道门槛。

粗粗浏览下数据可以发现,有些合理的行最多会缺两个字段。参数inplace=True直接在原来的DataFrame对象上移除数据,而非复制出一个DataFrame、清理后再返回;默认值是inplace=False:

移除一些行后,DataFrame的索引会产生空洞。可以使用这行代码:

下面这行代码输出头10行IATA代码及对应的机场名:

如果想取出不止一列,可以以列表的形式传入;在我们的例子中,就是['IATA', 'Airport_name']。下面的代码是等效的:

关于作者:托马兹·卓巴斯(Tomasz Drabas)微软数据科学家,致力于解决高维特征空间的问题。他有超过13年的数据分析和数据科学经验:在欧洲、澳大利亚和北美洲三大洲期间,工作领域遍及高新技术、航空、电信、金融和咨询。

THE END
0.html怎么读取json文件html教程要使用 HTML 读取 JSON 文件,需要:创建 JavaScript 对象解析 JSON 字符串;使用 JavaScript 访问 JSON 数据,包括属性、数组元素和嵌套对象。 如何使用 HTML 读取 JSON 文件 要使用 HTML 读取 JSON 文件,可以使用以下步骤: 1. 创建一个 JavaScript 对象以解析 JSON jvzquC41yy}/rqu0ep5gcz4965;:87mvon
1.5实现本地json文件的读取和保存html读取json文件中的数据本文介绍了如何使用HTML5的FileReader接口读取本地JSON文件,并通过JSON.parse将其转换为JavaScript对象。同时,借助FileSaver.js库,展示了如何将处理后的JSON数据保存为新的本地文件。步骤包括创建文件选择按钮读取JSON,以及创建保存按钮调用saveAs方法保存文件。 jvzquC41dnuh0lxfp0tfv8ukrk€iq~681cxuklqg1fkucrqu13812:<333
2.HTML读取json文件(传递给变量)HTML读取json文件(传递给变量) 本文详细介绍了一种在HTML中有效读取并解析JSON文件的方法,利用jQuery的$.ajax()函数,结合同步请求和responseText属性,实现了JSON数据的获取与转换。通过具体示例,展示了如何将JSON字符串转换为JavaScript对象,以便于进一步的数据操作。jvzquC41dnuh0lxfp0tfv8f358=78?6;71gsvrhng1jfvjnnu1719<5;:7>0
3.pandas读取HTML和JSON数据的实现示例python通过这些步骤,可以轻松地读取和分析HTML数据,从而得到有关证券价格的统计指标。 二、读取JSON文件 JSON是一种常用的数据交换格式,Pandas提供了一个函数read_json(),可以直接从JSON文件或URL中读取数据。下面是读取JSON数据的基本语法: 1 2 3 4 import pandas as pd data = pd.read_json('file.json') #从JSONjvzquC41yy}/lk:30pku1y~vjqt05:96:7imi7mvo
4.第06章数据加载存储与文件格式read_fwf 读取定宽列格式数据(也就是说,没有分隔符) read_clipboard 读取剪切板中的数据,可以看作是read_table的剪切板。在将网页转化为表格时很有用 read_excel 从Excel XLS或XLSX file读取表格数据 read_hdf 读取pandas写的HDF5文件 read_html 读取HTML文档中的所有表格 read_json 读取JSON(JavaScript Object jvzquC41o0hmqp3euft/pny1uwtdjnsiswgo1jwvkerf1mjvckrt1B58;;;17
5.手把手教你用Pandas读取所有主流数据存储pd.read_json(jdata) ''' res status browser Safari 200 model iPhone 200 version 604.1 200 ''' 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. Pandas还提供了pd.json_normalize(data)方法来读取半结构化的JSON数据。 四、HTML pd.read_html()函数可以接受HTML字符串、HTML文件、URL,并将HTML中的标jvzquC41yy}/7:hvq0ipo8ftvkimg8<277=30qyon
6.数据导入与预处理第4章1.4.1 读取json字符串 1.4.2 读取json文件 1.5 读取HTML数据 1.6 读取数据库文件 1.6.1 读取sql数据 1 数据获取 1.1 概述 数据经过采集后通常会被存储到Word、Excel、JSON等文件或数据库中,从而为后期的预处理工作做好数据储备。数据获取是数据预处理的第一步操作,主要是从不同的渠道中读取数据。Pandas支持CSVjvzquC41yy}/ryr{0et0pn|u15:36:90jvsm
7.方法Python+JavaScript+HTML实现浏览器读取本地文件使用python打开浏览器加载对应的HTML文件。 三、具体实现 (一)使用python读取本地文件并转换为json格式的.js文件 这里参考了网上的python读取本地文件代码,已读取excel为例子,使用了json库、xlrd2库编写了读取单个excel文件转换为json数据格式的.js文件。其中参数path为待读取的excel文件路径,参数name为转换后保存的.jsjvzquC41dnuh0lxfp0tfv8vs83<5;:>9:1gsvrhng1jfvjnnu1744@595;6
8.html5读取json51CTO博客已为您找到关于html5读取json的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及html5读取json问答内容。更多html5读取json相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。jvzquC41dnuh0>6evq4dqv4vqrod1qyon7jvs~ouqp4ivvq
9.jquery简单ajax示例读取json文件数据php之路Json文件: [ { "name":"王美丽", "sex": "女", "age":29 }, { "name":"梁帅哥", "sex": "男", "age":30 } ] index.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://jvzquC41yy}/ewgnqiy/exr1rjvxc‚4r15:97==90jznn
10.html读取json输入html读取json输入JavaScript 侃侃无极 2022-06-05 11:10:23 我正在尝试在 html 中读取 json 输入(如https://jsonformatter.curiousconcept.com/)并将其传递给 js 函数以将 json 转换为 html 表。我是 html,js 新手,请帮我阅读 json 输入<body> <input type="text" id="jsondata" name="jsondata" /> jvzquC41yy}/kvtqe0ipo8|gpfg0fnyckn579:=;9
11.使用Python将HTML源代码转换为JSON对象|码农参考Convert HTML source code to JSON Object using Python 在这篇文章中,我们将了解如何将 HTML 源代码转换为 JSON 对象。 JSON 对象可以轻松传输,并且大多数现代编程语言都支持它们。我们可以从 Javascript 中读取 JSON 并将其轻松解析为 Javascript 对象。 Javascript 可用于为您的网页制作 HTML。 jvzquC41xgxzvxtn|0ipo8gnqi5e9k7;h66268
12.python读取json数据还原表格批量转换成htmlpython这篇文章主要介绍了python读取json数据还原表格批量转换成html,由于需要对ocr识别系统的表格识别结果做验证,通过返回的json文件结果对比比较麻烦,故需要将json文件里面的识别结果还原为表格做验证,下面详细内容需要的小伙伴可以参考一下+ 目录 背景: 由于需要对ocr识别系统的表格识别结果做验证,通过返回的json文件结果对比jvzquC41yy}/lk:30pku1jwvkerf1;8;829/j}r
13.关于jquery读取json文件依崇稀2 其次建一个getUserinfo.html页面用于获取JSON文件里的用户信息数据,并显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>getJSON获取数据</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <style type="text/cssjvzquC41yy}/ewgnqiy/exr1oousg:751r524B=35;6/j}rn
14.语音听写AndroidSDK文档|讯飞开放平台文档中心在工程 AndroidManifest.xml 文件中添加如下权限 <!--连接网络权限,用于执行云端语音能力--><uses-permission android:name="android.permission.INTERNET"/><!--获取手机录音机使用权限,听写、识别、语义理解需要用到此权限--><uses-permission android:name="android.permission.RECORD_AUDIO"/><!--读取网络信息状jvzquC41yy}/zo~wp0io1mte1cys1tkegjje}fvkqt0Cwitqkj.UMP0jvsm
15.jQuery中读取json文件示例代码jqueryjson文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 $.getJSON(url,[data],[callback])url:加载的页面地址 data: 可选项,发送到服务器的数据,格式是key/value callback:可选项,加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下: jvzquC41yy}/lk:30pku1jwvkerf1<;89:4ivv
16.jQuery中读取json文件示例代码zouzo2.其次建一个页面用于获取JSON文件里的用户信息数据,并显示 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> jvzquC41yy}/ewgnqiy/exr1|q{{q~2dnqm0r8:949<337mvon
17.html5读取本地json数据腾讯云开发者社区将JSON数据存储在iOS本地存储中,然后读取JSON数据以供脱机查看是否有限制?我不想使用本地存储HTML5或SQLite,因为在JSON文件中存储它更容易、更快,加载起来也更快。 浏览1提问于2015-02-16得票数 0 1回答 HTML5:访问大型结构化本地数据 、、、 摘要:是否有很好的HTML5 5/javascript选项,可以选择性地从大型本jvzquC41enuvf7ygpekov7hqo1jfxnqqrgx0kwkqtogukxs1jvsm7.J:'CL&DK*G7'>G'B;'G8+:E.FE'G;&;L*D2lypp.J8';;&D9*G8'>E'JJ/cuq
18.在Python中读取本地HTML文件腾讯云开发者社区以下代码为 1:新建onefile.txt文件 2:向onefile.txt文件中写入数据 3:尝试读取新建文件的所有数据 4:尝试读取该文件指定数据 5:拷贝onefile.txt至新建twofile.txt文件,并且统计行数与字节长度下面该代码为第1,2,3,4项 把代码复制,并创建test.pjvzquC41enuvf7ygpekov7hqo1jfxnqqrgx0kwkqtogukxs1'G;&;L*C:Rujxs'G6+C:.FF'G>&CO*DD'K6'AK';8+F8.>E'CI&G>*;E'H1J]RN'G<&;?*:9'K5'KG'D8
19.史上最全Python文件类型读写库大盘点pythonwith open('example.json', 'w') as f: json.dump(data, f) # 读取JSON文件 with open('example.json', 'r') as f: data = json.load(f) print(data)在这里,json.dump和json.load函数分别用于将Python对象转换为JSON格式并写入文件,以及从文件中读取JSON数据并转换为Python对象。4jvzquC41yy}/lk:30pku1y~vjqt04A9:37lv67mvo
20.深入理解pandas读取excel,txt,csv文件等命令pandas读取文件官方提供的文档 在使用pandas读取文件之前,必备的内容,必然属于官方文档,官方文档查阅地址 http://pandas.pydata.org/pandas-docs/version/0.24/reference/io.html 文档操作属于pandas里面的Input/Output也就是IO操作,基本的API都在上述网址,接下来本文核心带你 jvzquC41enuvf7ygpekov7hqo1jfxnqqrgx0c{ykenk03=55896
21.[置顶]深入理解pandas读取excel,txt,csv文件等命令read_fwf 使用并不是很频繁,可以参照 http://pandas.pydata.org/pandas-docs/stable/user_guide/io.html#files-with-fixed-width-columns 学习 read_msgpack 函数 pandas支持的一种新的可序列化的数据格式,这是一种轻量级的可移植二进制格式,类似于二进制JSON,这种数据空间利用率高,在写入(序列化)和读取(反序列jvzquC41yy}/zrs5947/exr1r{ziqwYgej5q{}mqp5<55A3jvor
22.HTML与JSON交互示例程序实战本示例程序展示了如何使用HTML结合JavaScript(主要使用fetch API)实现对JSON文件的读取与解析,并将数据显示在网页中。内容涵盖HTML基础结构、JSON数据解析、与DOM元素交互、跨域问题处理及错误捕获机制。通过该示例程序,开发者可掌握前端动态加载和展示外部数据的基本方法,为构建数据驱动型网页应用打下基础。jvzquC41dnuh0lxfp0tfv8|gkzooa<828:6678ftvkimg8igvcomu86739752>=