Ajax-客户端与服务器通信过程（请求 - 处理 - 响应）、网页包括、资源请求方式、Ajax概述、JQuery中$.ajax()函数的语法、接口概念、JSON概念、两种结构、序列化和反序列化

客户端与服务器通信过程（请求 - 处理 - 响应）

1. 客户端 请求 服务器
2. 服务器 处理 这次请求
3. 服务器 响应 客户端

网页包括

• HTML 是网页的骨架
• CSS 是网页的颜值
• Javascript 是网页的行为
• 数据 是网页的灵魂

资源请求方式

客户端请求服务器时，请求的方式有很多种，最常见的两种请求方式分别为 get 和 post 请求。

• get 请求通常用于获取服务端资源（向服务器要资源）

  例如：根据 URL 地址，从服务器获取 HTML 文件、css 文件、js文件、图片文件、数据资源等

• post 请求通常用于向服务器提交数据（往服务器发送资源）

  例如：登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作

Ajax概述

Ajax 的全称是 Asynchronous Javascript And XML（异步 JavaScript 和 XML）。
通俗的理解：在网页中利用 XMLHttpRequest(简称xhr) 对象和服务器进行数据交互的方式，就是Ajax。

Ajax能让我们轻松实现网页与服务器之间的数据交互。

JQuery中$.ajax()函数的语法

$.ajax({
  type: '', // 请求的方式，例如 GET 或 POST
  url: '',  // 请求的 URL 地址
  data: { },// 这次请求要携带的数据 或 要提交给服务器的数据
  success: function() { } // 请求成功之后的回调函数
})

接口概念

使用 Ajax 请求数据时，被请求的 URL 地址，就叫做数据接口（简称接口）。同时，每个接口必须有请求方式。

JSON概念

JSON 英语全称 JavaScript Object Notation，即 “ JavaScript 对象表示法 ”。
JSON 就是 JavaScript 对象 和 数组的字符串 表示法。
JSON 的本质是 字符串
JSON 是一种轻量级的文本数据交换格式。
JSON 是 JS 对象的字符串表示法。

JSON 两种结构

1. 数组结构：用 [ ] 括起来的内容，例如：[“java”,“python”]
2. 对象结构：用 { } 括起来的内容，例如：{“a”:“hello”,“b”:“world”}

JSON 序列化 和 反序列化

1. 序列化：把 数据对象 转化为 字符串 的过程。例如：调用 JSON.stringify() 函数的操作
2. 反序列化：把 字符串 转化为 数据对象 的过程。例如：调用 JSON.parse() 函数的操作