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

Question

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

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

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

所以,我不知道的是客户端是否可以看到会话中究竟是什么(有什么参数以及它们有什么值)以及客户端是否能够修改这些参数的值(或添加或删除参数).但是用户可以做什么,他/她可能决定不接受任何cookie(或会话).

还有一种称为"本地存储"的东西(HTML5中提供).它的工作原理如下.与SESSION一样,它是Web服务器发送给客户端的一些信息,也是客户端记忆(保存)的(如果客户希望的话).与会话相反,它不会被客户端发送回服务器.相反,在客户端运行的JavaScripts(并由Web服务器作为HTML代码的一部分发送)可以从本地存储访问信息.

我仍然缺少的是AJAX是如何工作的.就像通过点击浏览器中的内容一样,用户向Web服务器发送(通过浏览器)请求并等待响应.然后浏览器接收一些响应并使用它来修改(但不是替换)用户观察到的页面.我缺少的是浏览器如何知道如何使用来自Web服务器的响应.它是用HTML代码编写的(类似于:如果单击它,将此请求发送到Web服务器,并使用其答案(提供的内容)来修改页面的这一部分).

Answer 1

我将回答你关于AJAX和LocalStorage的问题,这也是一个非常高的问题,因为你的定义在很高的层次上打击了我.

AJAX代表甲同步Ĵ avaScript 一个第二X ML.您的浏览器使用名为XMLHTTPRequest的对象来建立具有远程资源的HTTP请求.

客户端作为客户端,无视远程服务器所需的内容.它所要做的就是为请求提供URL,方法和可选的请求的有效负载.有效载荷通常是远程服务器接收的参数或一组参数.

请求对象有多个方法和属性,它还有处理响应的方法.

我缺少的是浏览器如何知道如何使用来自Web服务器的响应.

你只需告诉它如何处理响应.如上所述,还可以告知请求对象如何处理响应.它将听取响应,当这种响应到来时,您告诉客户如何处理它.

是(响应)写在HTML代码中？

不会.响应是在服务器服务器上写的.最常见的是,它是Unicode.提供响应的常用方法是JSON(JavaScript Object Notation)对象.

无论之后发生什么都是纯粹的实施问题.

localStorage的

还有一种称为"本地存储"的东西(HTML5中提供).它的工作原理如下.和SESSION一样,它是Web服务器发送给客户端的一些信息,也是客户端记忆(保存)的(如果客户想要)

不完全准确.本地存储确实是HTML5引入的新功能.它是一种在客户端中存储数据的新方法,并且对于原点是唯一的.根据来源,我们指的是一个独特的协议和一个域.

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

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