首页 > 其他分享 >ajax的请求状态有哪几种?

ajax的请求状态有哪几种?

时间:2024-11-28 10:12:44浏览次数:7  
标签:status 状态 readyState XMLHttpRequest 请求 xhr ajax 哪几种

AJAX请求状态主要通过XMLHttpRequest对象的readyState属性来表示,它有以下几种状态:

  • 0 (UNSENT): XMLHttpRequest 对象已创建,但 open() 方法尚未被调用。
  • 1 (OPENED): open() 方法已被调用。
  • 2 (HEADERS_RECEIVED): send() 方法已被调用,并且头部和状态码已收到。
  • 3 (LOADING): 正在下载响应体。换句话说,正在接收数据。
  • 4 (DONE): 操作已完成。这意味着数据传输完成或操作被取消。

除了readyState,你还需要结合status属性(HTTP状态码)来判断请求的最终结果。例如,即使readyState为4,status也可能是404(Not Found)或500(Internal Server Error),表示请求最终失败。

所以,完整的判断逻辑通常如下:

const xhr = new XMLHttpRequest();
xhr.open('GET', 'your-url');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) { // 请求完成
    if (xhr.status >= 200 && xhr.status < 300) { // 成功状态码
      // 请求成功,处理响应数据
      console.log('Success:', xhr.responseText);
    } else {
      // 请求失败,处理错误
      console.error('Error:', xhr.status, xhr.statusText);
    }
  }
};
xhr.send();

标签:status,状态,readyState,XMLHttpRequest,请求,xhr,ajax,哪几种
From: https://www.cnblogs.com/ai888/p/18573685

相关文章

  • 页面的编码和被请求的资源编码不一致时如何处理?
    当页面的编码和被请求的资源(例如,CSS、JavaScript文件、AJAX请求返回的数据)的编码不一致时,会导致显示乱码、脚本执行错误等问题。以下是几种处理方法:1.统一编码:这是最佳的解决方案。尽可能保证所有资源都使用相同的编码,通常是UTF-8。HTML页面:在<head>标签中使用<me......
  • 前端html img 请求的时候header请求头带token实现参考
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><linkrel="icon"href="/favicon.ico"><metaname="viewport"content="width=device-width,initial-......
  • RestTemplate exchange GET POST请求传参数DEMO
    RestTemplateexchangeGETPOST请求传参数DEMOlink:Illegalcharacter((CTRL-CHAR,code31))问题排查gzip接口返回RestTemplateGETPOST请求https://www.cnblogs.com/oktokeep/p/16769602.htmlimportorg.slf4j.Logger;importorg.slf4j.LoggerFactory;importorg.spr......
  • Spring Boot教程之十一:获取Request 请求 和 Put请求
    如何在SpringBoot中获取RequestBody?Java语言是所有编程语言中最流行的语言之一。使用Java编程语言有几个优点,无论是出于安全目的还是构建大型分发项目。使用Java的优点之一是Java试图借助类、继承、多态等概念将语言中的每个概念与现实世界联系起来。Java中还有......
  • SpringMVC接收请求参数
    (5)请求参数==》五种普通参数1.普通参数代码块@RequestMapping("/commonParam")@ResponseBodypublicStringcommonParam(Stringname,intage){ System.out.println("普通参数传递name==>"+name); System.out.println("普通参数传递age==>"+age);......
  • GA/T1400视图库平台EasyCVR私有化视频平台市面上常见的安防软件平台有哪几种类型?
    在数字化转型的浪潮中,安防监控系统正经历着从传统向智能化、网络化的跨越。随着技术的进步,安防软件平台已成为实现这一转型的关键工具。它们不仅需要处理大量的视频数据,还要提供稳定可靠的监控管理功能。本文将探讨市面上常见的安防软件平台的架构、收费模式、面临的挑战,以及私有......
  • vue3+vite打包配置,并部署nginx,解决部署之后axios请求跨域
    配置base配置base避免打包部署到服务器上后可能会报404,无法正确的获取的资源。//vite.config.tsexportdefaultdefineConfig({ base:"./"})配置路径别名//vite.config.tsimport{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";//配置组件路......
  • 用友U8CRM ajaxgetborrowdata.php下多方法sql注入漏洞复现
    0x01产品描述:     用友U8CRM‌是用友ERP-U8的重要组成部分,提供全面的客户关系管理功能,包括客户管理、意向管理、商机管理、活动管理、费用管理、竞争管理、销售文档管理等‌1。它支持长销售周期企业以漏斗为核心的SFA(销售自动化)管理和重复购买企业以金字塔为核心的......
  • Jenkin window bat批处理脚本如何请求api,获取json对象返回值数据
    需求:在jenkins的windowsbat批处理脚本中,请求一个api返回json数据,然后获取返回值的某个指定key的value直接上脚本:cdC:\workspace\jenkinxx\workspace\job-ta-webgitcheckoutmastergitpulldir::使用curl请求APIcurl-shttp://xx.xx.xx.xx:8088/testapi/getData......
  • http请求的结构
    http请求报文格式:请求行,请求头,请求体请求行:包括四个部分请求方法、请求地址、空行、协议版本、http常用的几种请求方法:get、post、put、delete、option、head等等。请求头:请求报文的一些附加信息。(需要记住一些http常见请求头)请求头的最后有一行空行表示请求头的结束,这一很......