什么是同步请求和异步请求?

什么是同步请求和异步请求?一 同步 异步请求浏览器发送请求给服务器 其有同步请求和异步请求两种方式 1 同步请求什么叫同步请求呢 就是在发送一个请求之后 需要等待服务器响应返回 才能够发送下一个请求 之前学的请求是通过浏览器地址栏发送请求 这种方式就是属于同步请求 但是其有两个缺陷 请求必须要等待响应如果遇到请求阻塞 网络延迟 用户需要等待 这样用户体验效果不好 请求时会携带所有的信息比如说一个 form 表单 需要填入用户名 密码 手机号 等多个信息 如果其中有一个信息填写错了 请求失败 又要全部重新填写 会很

1同步请求

什么叫同步请求呢?

就是在发送一个请求之后,需要等待服务器响应返回,才能够发送下一个请求。

之前学的请求是通过浏览器地址栏发送请求,这种方式就是属于同步请求。

但是其有两个缺陷:

①请求必须要等待响应

如果遇到请求阻塞,网络延迟,用户需要等待,这样用户体验效果不好。

②请求时会携带所有的信息

比如说一个form表单,需要填入用户名,密码,手机号,等多个信息。

如果其中有一个信息填写错了,请求失败,又要全部重新填写,会很麻烦繁琐。

我只填写我填错了的不就好了么?

如何解决这个问题?就需要引入异步的概念了。

2异步请求

和同步请求相对,异步不需要等待响应,随时可以发送下一次请求。

如果是同步请求,需要将信息填写完整,再发送请求,服务器响应填写是否正确,再做修改。

但是异步请求是局部页面更新。

比如上述的手机号、密码,邮箱名,在填写时就会发送一个异步请求。

若是格式不正确,会提醒修改,而其它已经填写的正确信息不受影响。

说白了就是用来发送异步请求的一种方式。

先写一个异步请求案例,再逐步学习。

有一个按钮,给它注册个点击事件,点击就发送异步请求,其具体实现方式共五步:

①创建

是AJAX的基础。

Ajax就是通过这个对象来发送异步请求的。

②onreadystatechange事件

不要看这一大串这么长,翻译过来就是当前数据源的数据将要发生变化时,就可以理解成监听。

这个事件就是实现异步请求的核心关键。

为什么异步请求可以不用等待响应?

就是因为这儿设置了一个监听事件。

服务器被监听,一旦readyState为4并且status为200,表明响应成功。

这些属性都是怎么来的,w3c文档中就有说明:

readyState和status都对应有不同的数值,只不过4和200表示响应成功。

③绑定提交地址

open()方法,其有三个参数:

send()方法,将请求发送到服务器。

同样的道理,这些方法在w3c文档中也有详细说明。

⑤接收响应数据

也就是在②中判断响应成功时,接受响应的数据,有两种属性:

以上就是原生的Ajax,当然实际使用过程中不会这样用,但是面试时可能会被问到。

并且这是基础,学一下也是有必要的。

在JSON之前一般都是使用xml来传递数据的,将这两种数据格式做一个对比:

相比较而言:json数据更加地简洁。

当然XML也并不是一无是处,其格式统一,就观感而言也有人更喜欢xml这种排版方式。

并且XML出来了很久了,推广深入人心,通用性高,喜欢XML的人还是挺多的。

但是对于传输数据来说,数据是否容易被解析?这是非常重要的。

而json相对于xml而言就具有这样的优势,故在这一块更加地常用。

Json的基础语法

一共有三种数据格式,分别说明:

①对象类型

格式为:{name:value,name:value……}

以键值对的方式存储数据,可以有多个键值对,键值对之间用逗号隔开。

其中name为字符串类型,而value是任意类型。

②数组/集合类型

格式为:[value,value…]

其中value是任意类型。

和数组就很类似,只不过是使用中括号将数据包裹起来的。

③混合类型

即包含对象类型和数组类型。

值得注意的是:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/221818.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午5:13
下一篇 2026年3月17日 下午5:13


相关推荐

  • 基于Pytest框架的自动化测试开发实践(万字长文入门篇)

    基于Pytest框架的自动化测试开发实践(万字长文入门篇)Pytest 是 Python 的一种易用 高效和灵活的单元测试框架 可以支持单元测试和功能测试 本文不以介绍 Pytest 工具本身为目的 而是以一个实际的 API 测试项目为例 将 Pytest 的功能应用到实际的测试工程实践中 教大家将 Pytest 用起来 在开始本文之前 我想跟大家澄清两个概念 一个是测试框架一个是测试工具 很多人容易把他们搞混了 测试框架是诸如 Unittest Pytest TestN

    2026年3月18日
    2
  • 解决VirtualBox不能为虚拟电脑打开一个新任务

    解决VirtualBox不能为虚拟电脑打开一个新任务报错了 找一找解决办法解决方法 1 解决 VirtualBox 虚拟机软件 E FALL 0x Machinewrap 错误 简书 jianshu com https www jianshu com p 239cbc3e8a80 在 C 盘搜索的时候只找到一个 没法参考这个解决办法解决方法 2 28 条消息 virtualBox 打开一个虚拟机报错解决 真解 颜颜颜颜颜越的博客 CSDN 博客 virtualbox 报错 https blog csdn ne

    2026年3月17日
    2
  • 数据库函数(基本函数)

    数据库函数(基本函数)实验平台 navicat1 Selectceil x 大于 x 的最小整数值 2 Selectfloor x 小于 x 的最大整数值 3 Selectround x 四舍五入 4 Selectround x y 四舍五入到 y y 为正 则为小数点右边 y 为负为小数点左边 5 SelectTrunca x y 直接截取 x 的小数点的 y 位 和上面的规则一样 6 S

    2026年3月16日
    2
  • macOS历史版本[通俗易懂]

    macOS历史版本[通俗易懂]Catalina(10.15)正式版下载链接:https://apps.apple.com/cn/app/macos-catalina/id1466841314?mt=12Mojave(10.14

    2022年8月5日
    3
  • tinyint 范围 mysql_mysql中TINYINT的取值范围

    tinyint 范围 mysql_mysql中TINYINT的取值范围在 MySQL 的数据类型中 Tinyint 的取值范围是 带符号的范围是 128 到 127 无符号的范围是 0 到 255 见官方 MySQL5 1 参考手册 http dev mysql com doc refman 5 1 zh column types html numeric types Tinyint 占用 1 字节的存储空间 即 8 位 bit 那么 Tinyint 的取值范围怎么来的呢 我们先看无符号

    2026年3月17日
    2
  • 拒付API费!KeyVox联动Nanobanana 2、Seedance 2.0,AI创作零成本上手

    拒付API费!KeyVox联动Nanobanana 2、Seedance 2.0,AI创作零成本上手

    2026年3月13日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号