javascript - Web 应用程序中的前端代码如何执行后端代码？

Question

我知道是的，有一个前端和一个后端。但是这两个人是怎么交流的呢？

例如，

1. 我去https://www.google.com/
2. 谷歌服务器用一些由 HTML、CSS 和一些 JS 组成的缩小资源响应我。
3. 我输入“前端如何与后端对话？” 进入谷歌
4. 我点击“谷歌搜索”或按回车键
5. ？？？

我缺乏理解是因为我认为我从未将任何网络应用程序投入生产。我一直只是在本地开发，所以我会说类似的东西href=/...，它只是我在本地拥有的一些目录。或者也许我会调用一些捆绑在同一个应用程序中的 JS 函数。

所以在第 5 步，是否有一些 JS 已经存在于我的网络浏览器中，它正在执行 HTTP 调用，使用类似的东西XMLHttpRequest击中谷歌服务器并被定向到后端的某些服务？有没有办法在开发者控制台中看到它？

具体例子表示赞赏。

标签： javascriptweb