2016-07-30 73 views
1

我的思考过程就是当我点击类似按钮时,会有一个从客户端到服务器的请求,为用户创建一个“喜欢”的消息。当我打开Chrome控制台时,没有请求正在进行。发生了什么事情可以让类似的计数增加,并作为用户进行注册。我假设也有一些前端框架可能会处理这个客户端请求。当我点击Facebook上的喜欢按钮时会发生什么?

+0

他们使用Ajax/websockets,我认为 –

+1

*“当我打开chrome控制台时,没有任何请求正在进行。”* - 真的吗?当我打开Chrome控制台并检查“网络”选项卡时,我发现正在创建请求*。似乎是一个Ajax POST请求。 – nnnnnn

回答

3

当然有一个请求正在进行,你是正确的 - 它确实是一个HTTP POST。您遇到的问题是您正在寻找错误的地方。控制台只显示浏览器执行某些代码时记录的内容。它还喜欢在东西变坏时显示事物。您有兴趣查看的标签是“网络”选项卡。在这里您可以查看浏览器记录的所有传出和传入请求。 Facebook有很多移动部件,因此您可以点击网络区域中的子标签XHR。这将显示所有的Http请求并预览实际的有效负载。我只是点击了像,看到当我这样做,会产生由“BZ”的名称的请求,并包装了一个JSON对象,看起来像这样:

{__ar: 1, payload: null, bootloadable: {}, ixData: {}, lid: "6313242218513768168"} 

给它一个尝试,看看自己!