四主体通信框图

总述：为了方便理解，以浏览器显示数据和控制数据分为两个传输过程，实际两个传输过程采用异步同时传输。

1.浏览器显示数据

过程：Arduino收集数据，以报文帧格式传输给树莓派，树莓派向服务器发送POST 请求（更新数据的请求），服务器做出相应处理后；浏览器显示页面每隔一段时间向服务器发出GET请求（对传感器数据的请求），服务器以Ajax数据传输方式异步更新Brower中的数据。

2.浏览器控制数据

过程：树莓派每隔一段时间便向服务器发送GET请求，若服务器数据库无变动，树莓派则不向Arduino发送命令帧；若服务器数据库变动，即浏览器向服务器发送GET请求（请求控制数据URL），服务器收到后，Response控制数据页面，当改动控制数据时，浏览器向服务器发送POST请求（更新控制数据表单），此时，服务器对树莓派的GET请求做出响应，以Json格式传输给树莓派；树莓派以命令帧格式传输给Arduino，Arduino校验无误后返回响应帧。

参考知识：

1.HTTP的请求方式：

①GET 通过请求URI从服务器得到资源，例如请求一张图片，让服务端发送给我数据

②POST向服务端提交数据时使用（用于添加新的内容），例如在网站上注册登录或者发微博等都是POST

③HEAD类似GET，但是不会返回具体数据，检查GET的对象是否存在以及对

象的（mata数据）

④PUT是用于修改服务器的数据内容，一般用POST代替它，只有在做restful API 中会使用PUT

⑤DELETE比较少用，一般用POST代替

⑥OPTIONS用于客户端向服务端询问，看服务端能支持哪些HTTP的请求方式

2.Ajax数据传输格式：

AJAX即“A synchronous J avascript A nd X ML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步JavaScript和XML（标准通用标记语言的子集）。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用AJAX）如果需要更新内容，必须重载整个网页页面。3.JSON数据交换格式：

JSON(JavaScriptObject Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python 等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。