moonshot 3 - AJAX 1

135 阅读2分钟
  • 服务器 在上网过程中,负责存放和对外提供资源的电脑,叫做服务器。
  • 客户端 在上网过程中,负责获取和消费资源的电脑,叫做客户端。
  • URL URL,即统一资源定位符,用于标识互联网上每个资源的唯一存放未位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源。

常见的URL:www.juejin.cn/post/704788…

可见URL由三部分组成

  1. 客户端与服务器之间的通信协议——https
  2. 存有该资源的服务器名称——www .juejin.cn
  3. 资源在服务器上具体的存放位置——post/7047883437830569998
  • 客户端与服务器的通信过程 image.png
  • XMLHttpRequest 从上图可以看出,所有资源都必须通过请求-处理-响应这样三步才可以获取 那么如何向服务器请求资源呢?

答案就是通过XMLHttpRequest对象(简称xhr),就像如果我们要操作DOM元素,就需要用到document对象,而我们要向服务器请求数据,就要用到xhr对象。

  • 资源的请求方式 向服务器请求资源的方式有很多种,最常见的有两种
  1. get请求——通常用于获取服务器里面存放的资源 例如:根据URL地址,从服务器获取HTML文件、CSS文件、图片文件等等。
  2. post请求——通常用于向服务器提交数据 例如:登陆时向服务器提交登录信息等等。
  • 什么是AJAX AJAX指的是异步JavaScript和XML

其实在网页中利用xhr对象和服务器进行数据交互的方式,就是AJAX。

  • JQuery中的AJAX
  1. $.get()

image.png

  1. $.post()

image.png

  1. $.ajax()

image.png

  • 接口 使用AJAX请求数据时,被请求的URL地址就叫做数据接口(简称接口)。同时,每个接口必须有请求方式(或是GET,或是POST)。