第六周：网络请求

一、JSON数据类型介绍

（一）JSON简介

JSON: JavaScript Object Notation（JavaScript 对象标记法）。

JSON 是一种存储和交换数据的语法。

JSON 是通过 JavaScript 对象标记法书写的文本。

因为 JSON 格式仅仅是文本，它能够轻松地在服务器浏览器之间传输，并用作任何编程语言的数据格式。

（二）JSON语法

语法规则

• 数据在名称/值对中
• 数据由逗号分隔
• 花括号容纳对象
• 方括号容纳数组

    <script>
        let person = {
            "name":"Bill",
            "age":18
        }
    </script>

 用数组来接收JSON数据

    <script>
        let people={
            "people":[
                {
                    "id":1000,
                    "name":"lili",
                    "age":18
                },
                {
                    "id":1001,
                    "name":"CC",
                    "age":20 
                }
            ]
        }
        console.log(people);
    </script>

（二）JSON数据类型

1.字符串：必须用""包围

2.数字：整数或浮点数

3.对象：

{
"employee":{ "name":"Bill Gates", "age":62, "city":"Seattle" }
}

4.数组：

{
"people":[ "Bill", "Steve", "David" ]
}

5.布尔：可以是true/false

6.null：JSON中的值可以是null

（三）JSON.parse()

JSON 的常规用途是同 web 服务器进行数据传输。

在从 web 服务器接收数据时，数据永远是字符串。

通过 JSON.parse() 解析数据，这些数据会成为 JavaScript 对象。

let obj = JSON.parse('{ "name":"Bill", "age":18, "city":"CHINA"}');

二、网络请求

 客户端与服务端的交互，获取符合条件的数据

1.GET请求

常用于向服务器查询某些信息，必要时，可以将查询字符串参数追加到URL的末尾，以便将信息发送给服务器。查询字符串中每个参数的名称和值都必须使用encodeURLComponent()进行编码，然后才能放到URL的末尾；而且所有名-值对儿必须有和号（&）分隔

GET请求的语法如下：

GET /path/to/resource HTTP/1.1
Host: www.example.com

/path/to/resource是要请求的资源路径，Host是服务器的域名或IP地址。

2.POST请求

post请求是在HTTP协议中定义的一种请求方法之一。它用于向指定的资源提交数据，通常用于创建或修改服务器上的资源。与GET请求不同，POST请求将请求的数据包含在请求体中，而不是在URL中。