ajax - 如何描述 Web 服务器和 Web 客户端之间的交互？

Question

目前我有以下理解(我认为这是不完整的，甚至可能是错误的)。

Web 服务器接收来自客户端的请求。请求到达特定的“路径”(“地址”、“URL”)并具有特定的类型(GET、POST，可能还有其他类型？)。 GET 和 POST 请求也可以带有变量及其值(可以作为“字典”或“关联数组”)。 GET 请求的参数在地址行中设置(例如:http://example.com?x=1&y=2)，而 POST 请求的参数由客户端(用户)通过Web 表单(换句话说，用户填写表单并按“提交”按钮)。

除此之外，我们还有所谓的 SESSION(也称为 COOKIES)。这按以下方式工作。当网络服务器收到请求(GET 或 POST 类型)时，它(网络服务器)检查发送的参数的值，并基于它生成并发送回客户端 HTML 代码，该代码显示在浏览器中(并且是被用户看到)。除此之外，Web 服务器还发送一些参数(也可以想象为“字典”或“关联数组”)。这些参数由浏览器保存在客户端的某处，当客户端发送新请求时，他/她还会发回先前从 Web 服务器接收到的 session 参数。事实上服务器说:你从我这里得到这个，记住它，下次当你跟我说话时，把它还给我(这样，我就能认出你)。

因此，我不知道客户端是否可以看到 session 中的确切内容(那里有哪些参数以及它们具有什么值)以及客户端是否能够修改这些参数的值(或添加或删除参数).但是用户可以做什么，他/她可能决定不接受任何 cookie(或 session )。

还有一种叫做“本地存储”的东西(它在 HTML5 中可用)。它的工作原理如下。与 SESSION 一样，它是由 Web 服务器发送给客户端的一些信息，并且也由客户端内存(保存)(如果客户端愿意)。与 session 不同，它不会从客户端发送回服务器。相反，在客户端运行的 JavaScript(并作为 HTML 代码的一部分由 Web 服务器发送)可以访问本地存储中的信息。

我仍然缺少的是 AJAX 的工作原理。这就像通过单击浏览器中的某些内容，用户(通过浏览器)向网络服务器发送请求并等待响应。然后浏览器收到一些响应并使用它来修改(但不是替换)用户观察到的页面。我缺少的是浏览器如何知道如何使用来自网络服务器的响应。是不是用HTML代码写的(类似于:如果点击这个，就把这个请求发给web服务器，然后用它的回答(提供的内容)来修改这部分页面)。

Answer 1

我将回答您关于 AJAX 和 LocalStorage 的问题，同样是在非常高的层次上，因为您的定义让我印象深刻。

AJAX 代表 Asynchronous JavaScript and XML。您的浏览器使用一个名为 XMLHTTPRequest 的对象来建立对远程资源的 HTTP 请求。

作为客户端，客户端不知道远程服务器需要做什么。它所要做的就是为请求提供一个 URL、一个方法和可选的请求负载。有效载荷最常见的是远程服务器接收到的一个参数或一组参数。

请求对象有几个方法和属性，它也有处理响应的方式。

What I am missing is how the browser knows how to use the response from the web-server.

您只需告诉它如何处理响应。如上所述，请求对象也可以被告知如何处理响应。它会听取响应，当响应到达时，您告诉客户端如何处理它。

Is it (the response) written in the HTML code?

没有。响应以服务器提供的任何方式写入。最常见的是 Unicode。提供响应的一种常见方式是 JSON(JavaScript 对象表示法)对象。

无论之后发生什么，都是纯粹的实现问题。

本地存储

There is also something called "local storage" (it is available in HTML5). It works as follows. Like SESSION it is some information sent by web-server to the client and is also memorized (saved) by the client (if client wants to)

不完全准确。 Local Storage 确实是 HTML5 引入的一项新功能。它是一种在客户端中存储数据的新方法，并且对源而言是独一无二的。对于起源，我们指的是一个独特的协议(protocol)和一个域。

客户端上本地存储对象的生命周期(同样，每个唯一来源)完全取决于用户。也就是说，客户端应用程序当然可以操纵数据并决定本地存储对象中的内容。您说得对，它已存储并可以通过 JavaScript 在客户端中使用。

示例:一些网络跟踪工具希望有某种备份计划，以防收集用户数据的服务器由于某种原因无法访问。网络跟踪器，有时作为 JavaScript 插件引入，可以先将任何事件写入本地存储，只有在远程服务器确认它成功接收到事件后才释放它，即使用户关闭了浏览器也是如此。