菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

什么是 HTTP?


HTML

HTTP 是 **H**yper **T**ext **T**ransfer **P**rotocol(超文本传输协议)的缩写

WWW 关于 **客户端** 和 **服务器** 之间的通信

客户端计算机和 Web 服务器之间的通信是通过发送 **HTTP 请求** 和接收 **HTTP 响应** 来完成的


万维网通信

万维网(World Wide Web)是关于 Web **客户端** 和 Web **服务器** 之间通信的。

**客户端** 通常是浏览器(Chrome、Edge、Safari),但也可以是任何类型的程序或设备。

**服务器** 通常是云端的计算机。



Web 客户端


Web 服务器

HTTP 请求 / 响应

客户端和服务器之间的通信是通过 **请求** 和 **响应** 来完成的

  1. 客户端(浏览器)向 Web 发送一个 **HTTP 请求**
  2. Web 服务器接收到请求
  3. 服务器运行应用程序来处理请求
  4. 服务器向浏览器返回一个 **HTTP 响应**(输出)
  5. 客户端(浏览器)接收到响应

HTTP 请求循环

一个典型的 HTTP 请求 / 响应循环

  1. 浏览器请求一个 HTML 页面。服务器返回一个 HTML 文件。
  2. 浏览器请求一个样式表。服务器返回一个 CSS 文件。
  3. 浏览器请求一个 JPG 图片。服务器返回一个 JPG 文件。
  4. 浏览器请求 JavaScript 代码。服务器返回一个 JS 文件。
  5. 浏览器请求数据。服务器返回数据(XML 或 JSON 格式)。

XHR - XML Http Request

所有浏览器都内置了 **XMLHttpRequest 对象 (XHR)**。

XHR 是一个 JavaScript 对象,用于在 Web 浏览器和 Web 服务器之间传输数据。

XHR 通常用于请求和接收数据,以便修改网页。

尽管名称中包含 XML 和 Http,但 XHR 可用于 HTTP 以外的协议,并且数据可以是多种不同类型,例如 HTMLCSSXMLJSON 和纯文本。

XHR 对象是 **Web 开发者的梦想**,因为您可以

  • 更新网页而无需重新加载页面
  • 页面加载后从服务器请求数据
  • 从服务器接收数据 - 在页面加载后
  • 在后台向服务器发送数据

XHR 对象是 AJAXJSON 的底层概念

AJAX



×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持