搭建一台本地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(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。

简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。简单来说：json就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互。

扩展资料

注意事项：

1，json的键值对的键部分，必须用双引号"包裹，单引号都不行（所以如果在键中出现了关键字，也被字符化了），而js中对象没有强制要求（所以在键中不允许出现关键字）。

2，json的键值对的值部分，不允许出现函数function，undefined，NaN，但是可以有null，js中对象的值中可以出现。

3，json数据结束后，不允许出现没有意义的逗号,如：{"name":"admin","age":18,}，注意看数据结尾部分18的后面的逗号，不允许出现。

参考资料来源：百度百科-Json

---