搭建一台本地json服务器

1、全局安装json-server(此时不管在哪个目录下面都可以)

2、cd至当前的项目文件夹所在的位置，新建一个文件夹jsonserver

3、在当前目录下运行npm init

4、再次安装运行 nom install json-server --save

5、此时的目录结构

    --jsonserver

        --node_moduies

        --package-lock.json

        --package.json

6、打开package.json文件更改这里的内容为：json-server --watch 自定义一个json文件

7、在文件夹下新建db.json

8、书写db.json中的内容

9、保存后在命令行输入 npm run json:server

10、此时在浏览器中输入localhost:3000即可获取json:server的数据

1.JSON数据格式\x0d\x0aa）以最简单的形式，您可以使用以下JSON来表示名称/值对：\x0d\x0a{“姓”：“布雷特”}\x0d\x0aB）可以创建包含多个名称/值对的记录，例如：\x0d\x0a{“FiestNeX”：“布雷特”，“LaSTNED”：“McCurkLin”，“email”：“布雷特@ NeWistalist.com”}\x0d\x0ac）可以创建一个值数组\x0d\x0a{“人”）：\x0d\x0a{“FiestNeX”：“布雷特”，“LaSTNED”：“McCurkLin”，“email”：“布雷特@ NeWistalist.com”，\x0d\x0a{“FiestNeX”：“杰森”、“ListNeNe”：“Hunter”、“email”：“杰森@ servlet。com”}\x0d\x0a] ]\x0d\x0ad）当然，可以使用相同的语法来表示多个值（每个值包含多个记录）：\x0d\x0a{“程序员”）：\x0d\x0a{“FiestNeX”：“布雷特”，“LaSTNED”：“McCurkLin”，“email”：“布雷特@ NeWistalist.com”，\x0d\x0a{“FiestNeX”：“杰森”、“ListNeNe”：“Hunter”、“email”：“杰森@ servlet。com”}\x0d\x0a]\x0d\x0a“作者”：\x0d\x0a{姓〉：“艾萨克”、“姓氏”：“阿西莫夫”、“流派”：“科幻小说”，\x0d\x0a{“第一名字”：“TAD”、“姓氏”：“威廉姆斯”、“流派”：“幻想”}\x0d\x0a]\x0d\x0a“音乐家”：\x0d\x0a{“姓”：“埃里克”、“姓氏”：“克莱普顿”、“乐器”：“吉他”}\x0d\x0a]\x0d\x0a}\x0d\x0a请注意，在不同的主要条目（程序员、作者和音乐家）之间，记录中的实际名称/值对可能是不同的。JSON是完全动态的，允许在JSON结构的中间表示数据的方式。\x0d\x0a2。在JavaScript中使用JSON\x0d\x0aJSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。\x0d\x0a2.1将JSON数据分配给变量\x0d\x0a例如，您可以创建一个新的JavaScript变量，并将其直接分配给JSON格式的数据字符串。\x0d\x0aVaR人=\x0d\x0a{“程序员”）：\x0d\x0a{“FiestNeX”：“布雷特”，“LaSTNED”：“McCurkLin”，“email”：“布雷特@ NeWistalist.com”，\x0d\x0a{“FiestNeX”：“杰森”、“ListNeNe”：“Hunter”、“email”：“杰森@ servlet。com”}\x0d\x0a]\x0d\x0a“作者”：\x0d\x0a{姓〉：“艾萨克”、“姓氏”：“阿西莫夫”、“流派”：“科幻小说”，\x0d\x0a{“第一名字”：“TAD”、“姓氏”：“威廉姆斯”、“流派”：“幻想”}\x0d\x0a]\x0d\x0a“音乐家”：\x0d\x0a{“姓”：“埃里克”、“姓氏”：“克莱普顿”、“乐器”：“吉他”}\x0d\x0a]\x0d\x0a}\x0d\x0a2.2访问数据\x0d\x0a将数组放入JavaScript变量后，可以很容易地访问它。实际上，只使用点符号来表示数组元素。所以，如果你想访问程序员列表的第一个条目，你只需要在JavaScript中使用下面的代码：\x0d\x0a人。程序员（0）。\x0d\x0a注意，数组的索引从零开始。\x0d\x0a2.3修改JSON数据\x0d\x0a正如数据被访问一样，数据也可以以同样的方式修改：\x0d\x0a人。音乐家[ 1 ]。姓氏=“Rachmaninov”；\x0d\x0a2.4转换后串\x0d\x0aA）在JavaScript，这种转换也非常简单。\x0d\x0aString NejjStangeTeX= Posi.TjsString（）；\x0d\x0aB）可以将任何JavaScript对象转换为JSON文本。而不是处理最初使用JSON字符串来分配值的变量。为了转换名为MyObjor的对象，我们只需要执行相同的命令形式：\x0d\x0aString MyObjutsPixs= MyObjut.TjsString（）；\x0d\x0a说明：转换后的字符串用作Ajax调用的字符串，以完成异步传输。\x0d\x0a总结：如果您想处理大量的JavaScript对象，那么JSON几乎肯定是一个不错的选择，因此您可以轻松地将数据转换成可以在请求中发送到服务器端程序的格式。\x0d\x0a三。服务器端JSON\x0d\x0a3.1向服务器发送JSON\x0d\x0aa）通过get发送具有名称/值对的JSON\x0d\x0a在JSON数据中，将有空格和各种字符。Web浏览器通常希望继续编译它们。为了确保这些字符不会在服务器上造成混淆（或者在向服务器发送数据的过程中），您需要在JavaScript的转义（）函数中执行以下操作：\x0d\x0aValueURL =“组织人”PHP？人=“+逃逸（人）tojSouthSnk（））；\x0d\x0aRequest.open（“获取”，URL，TRUE）；\x0d\x0a请求.OnRead状态更改= UpDebug网页；\x0d\x0aRequest.send（NULL）；\x0d\x0aB）使用POST请求发送JSON数据\x0d\x0a当您决定使用POST请求将JSON数据发送到服务器时，您不需要对代码进行很多更改。\x0d\x0aValueURL =“组织人”PHP？时间戳=“+新日期（））GetTime（）；\x0d\x0aRequest.open（“POST”，URL，TRUE）；\x0d\x0a请求.OnRead状态更改= UpDebug网页；\x0d\x0aRequest.setRequestHeader（“内容类型”，“应用程序/ X-WWW格式- URLNECODE”）；\x0d\x0aRequest.send（Posi.TjsSouthScript）\x0d\x0a注意：赋值的格式必须是var MSG＝EVE（+（Req.ReffStEXT++））。\x0d\x0a3.2解释服务器上的JSON\x0d\x0aa）处理JSON的两个步骤。\x0d\x0a对于用于编写服务器端程序的语言，可以找到相应的JSON解析器/工具箱/助手API。\x0d\x0a使用JSON解析器/工具箱/帮助器API从客户端获取请求数据，并将数据转换成脚本可以理解的内容。\x0d\x0ab）寻找JSON解析器\x0d\x0a找到JSON解析器或工具箱的最佳资源是JSON站点。如果使用JavaServlet，JSON.org上的Or.JSON包是一个不错的选择。在这种情况下，您可以从JSON网站下载JSON.ZIP，并添加到项目生成目录中包含的源文件。复合后

我们继续之前的话题。很多时候，服务器返回的JSON都不是一个“扁平”的结构，而是包含了各种嵌套，在这一节，我们就来处理如何把各种嵌套的情况，对应到Swift model。

第一种情况，是用对象封装数组，例如，服务器返回了多个视频信息的JSON：

为了把类似这种情况的JSON直接转型成model，我们只要定义下面这样的 struct 就好了：

这里，由于 EpisodeList 和 Episode 都是遵从 Codable 的，因此我们可以直接用之前的方式对JSON解码：

只是这次，对应的Model类型，变成了 EpisodeList 。执行一下，就能在控制台看到下面这样的结果：

第二种情况，服务器还可能直接返回一个数组，而不使用对象封装它：

对这种情况，我们无须声明任何新的类型，只要在解码的时候，指定一个数组类型就好了：

这次，我们就会看到这样的结果：

第三种情况，可以看成是前面两种情况的组合，假设数组中的对象，是通过一个Key索引的：

对于这种情况，数组内的结构，可以用 Dictionary<String: Episode>表示，而整个JSON，则是这种 Dictionary 的数组，于是，在解码的时候，我们只要把这个类型传递给它就好了：

执行下，就会看到这样的结果：

在这一节最后，我们结合之前说过的这些情况，看一个更一般的例子，假设我们要给视频播放的页面传递一个包含所有要显示内容的JSON，它看上去是这样的：

为了把这段JSON自动转型成Swift model，我们新建一个 struct ：

它对应JSON头部视频信息的部分，这里，由于视频难度属于视频信息的一部分，我们把 EpisodeLevel 定义成了一个内嵌类型。

接下来，JSON的后半段，是系列中每一个视频的具体信息，这种情况我们已经处理过了，这里，我们把之前定义的类型整理一下：

可以看到，我们把 EpisodeType 也变成了 Episode 的内嵌类型。最后，我们定义一个表示页面数据的 struct ：

这样， EpisodePage 就完全对应我们上面提到的JSON结构了，接下来，使用用 decode 方法解码就好：

执行一下，就能看到下面这样的结果了：

---