Javascript 通过浏览器发送httpRequest的四种方式的区别是什么?

Javascript 通过浏览器发送httpRequest的四种方式的区别是什么?,javascript,ajax,http,browser,Javascript,Ajax,Http,Browser,据我所知,通过浏览器发送httpRequest有四种方式 直接在浏览器地址栏中键入url 通过Html的form元素 通过ajax 通过javascript,如“windown.location.href” 我想问一下发送httpRequest的四种方式有什么区别。 例如,我知道在浏览器中键入url将建立tcp连接。ajax将使用XMLHttprequest对象。表单呢,它也使用XMLHttprequest吗?那么window.location.href?和 直接在浏览器地址栏中键入url

据我所知,通过浏览器发送httpRequest有四种方式

  • 直接在浏览器地址栏中键入url
  • 通过Html的form元素
  • 通过ajax
  • 通过javascript,如“windown.location.href”
我想问一下发送httpRequest的四种方式有什么区别。 例如,我知道在浏览器中键入url将建立tcp连接。ajax将使用XMLHttprequest对象。表单呢,它也使用XMLHttprequest吗?那么window.location.href?和

直接在浏览器地址栏中键入url

使浏览器导航

通过Html的form元素

使浏览器导航

通过ajax

在后台发送

通过javascript,如“windown.location.href”

使浏览器导航

您错过了img元素(加载依赖资源)、脚本元素(同上)、iframe、对象、音频元素、视频元素、rel=样式表的link元素(同上、同上、同上等)以及其他各种元素

ajax将使用XMLHttprequest对象

除非它使用JSONP、fetch、隐藏的iframe或其他技术

表单呢,它也使用XMLHttprequest吗

没有


这并不包括请求实际格式的差异(例如不同的Accept头或GET vs POST)。

通过Html的表单元素
  • 您可以使用方法POST和action通过表单发送数据,这样您就可以通过HTML的表单元素发送数据或URL
  • 通过javascript,如“windown.location.href”
  • window.location.href返回当前页面的href(URL)
  • window.location对象可用于获取当前页面地址(URL)并将浏览器重定向到新页面

  • 这一切最终都会导致一个HTTP请求。在那个层次上并没有太大的区别。是否有必要了解进一步的层次,我想知道更多的细节,或者我如何才能获得关于进一步层次的这些知识,谢谢!简介:@kaido谢谢,我会阅读它谢谢你的回复,但至少AJAX会有一些不同,因为它可以在不重新加载整个浏览器页面的情况下更新用户界面。你能分辨出一些不同吗?@Zuckjet-Err。区别在于它不会导致浏览器导航,而是在后台发送请求。“它在后台发送请求”。我有点困惑,如果它确实在后台发送请求,ajax如何用JavaScript更新部分接口。或者不要更新它。Ajax只是意味着在后台用JS发送HTTP请求。