一、学习内容
json数据的发送和接收
1.JSON的概念：
前后端进行数据交互的时候，需要使用字符串类型
前端操作对象更容易
JSON: JavaScript Object Notation（JavaScript 对象标记法）。**
.JSON 是一种存储和交换数据的语法。**
JSON 是通过 JavaScript 对象标记法书写的文本。**
什么是 JSON？
- JSON 指的是 JavaScript 对象标记法（*J*ava*S*cript *O*bject *N*otation）
- JSON 是一种轻量级的数据交换格式
- JSON 具有自我描述性且易于理解
- JSON 独立于语言
为什么使用 JSON？
因为 JSON 格式仅仅是文本，它能够轻松地在服务器浏览器之间传输，并用作任何编程语言的数据格式。
JavaScript 提供內建函数把以 JSON 格式写的字符串转换为原生 JavaScript 对象：
```
JSON.parse()
```
因此，如果您以 JSON 格式从服务器接收数据，那么您可以像任何其他 JavaScript 对象那样使用它。
1.JSON:JavaScript 对象表示法
2.JSON不是一门编程语言，就是js应用，存储和交换数据的一种格式
3.JSON的本质是字符串
4.语法有特殊的要求，使用双引号
case：把本地信息传递给服务器
2.环境配置
1.安装了nodejs运行环境
2.安装nodemon的插件
npm install nodemon -g
3.在app.js同级目录下打开黑窗口
nodemon app.js
4.到浏览器中输入 127.0.0.1:3000
5.运行你的html文件的话 127.0.0.1:3000/01我的ajax文件.html
get和post请求数据的区别。
传统数据方式 key=val&key2=val2;
get直接在地址栏拼接数据；
请求头的配置。
post需要把数据方法send中。
请求头的配置。
传递json格式（必须使用post方式）
交换数据
当数据在浏览器与服务器之间进行交换时，这些数据只能是文本。
JSON 属于文本，并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。
我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。
以这样的方式，我们能够把数据作为 JavaScript 对象来处理，无需复杂的解析和转译。
什么是 AJAX？
AJAX = *A*synchronous *J*avaScript *A*nd *X*ML.
AJAX 并非编程语言。
AJAX 仅仅组合了：
- 浏览器内建的 XMLHttpRequest 对象（从 web 服务器请求数据）
- JavaScript 和 HTML DOM（显示或使用数据）
Ajax 是一个令人误导的名称。Ajax 应用程序可能使用 XML 来传输数据，但将数据作为纯文本或 JSON 文本传输也同样常见。
Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面。
|
