Home Web Front-end HTML Tutorial How to get HTTP status code in JavaScript the easy way

How to get HTTP status code in JavaScript the easy way

Jan 05, 2024 pm 01:37 PM
javascript http status code Get method

How to get HTTP status code in JavaScript the easy way

HTTP status code acquisition method in JavaScript

Introduction:
In front-end development, we often need to handle the interaction with the back-end interface, and HTTP Status code is a very important part of it. Understanding and obtaining HTTP status codes helps us better handle the data returned by the interface. This article will introduce how to use JavaScript to obtain HTTP status codes and provide specific code examples.

1. What is HTTP status code
HTTP status code refers to the numeric code contained in the response header returned by the server when the browser initiates a request to the server. This numeric code represents the result of the server's processing of the request. Common status codes include 200, 404, 500, etc.

  • 1XX: Indicates that the request has been received and processing continues. A common one is 100 (continue).
  • 2XX: Indicates that the request has been successfully received, understood, and accepted by the server. A common one is 200 (success).
  • 3XX: Indicates that further action is required to complete the request. Common ones are 301 (permanent redirect) and 302 (temporary redirect).
  • 4XX: Indicates a client error, the request contains a syntax error or the request cannot be completed. Common ones are 404 (not found) and 403 (forbidden).
  • 5XX: Indicates a server error. An error occurred while the server was processing the request. Common ones are 500 (server internal error) and 503 (service unavailable).

2. Using XMLHttpRequest
XMLHttpRequest is a built-in browser object used to interact with the server, through which we can send HTTP requests and get the server's response. When getting the server response, we can get the HTTP status code through the status attribute of the XMLHttpRequest object.

Specific code example:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        var status = xhr.status;
        console.log(status);
    }
};
xhr.send();
Copy after login

Through the above code, we sent a GET request to the "http://example.com/api" interface, and obtained the HTTP status code.

3. Use fetch
fetch is a simplified network request API in JavaScript. It uses Promise to handle asynchronous operations of network requests. The result returned by fetch is a Promise object, and we can obtain the HTTP status code through its res.status attribute.

Specific code example:

fetch('http://example.com/api')
    .then(function(res) {
        var status = res.status;
        console.log(status);
    });
Copy after login

Through the above code, we also sent a GET request to the "http://example.com/api" interface and obtained it after receiving the server response HTTP status code.

The above are two common methods of using JavaScript to obtain HTTP status codes, and specific code examples are provided. In front-end development, understanding and obtaining HTTP status codes can help us better process the data returned by the interface to improve user experience and application reliability. Hope this article is helpful to everyone!

The above is the detailed content of How to get HTTP status code in JavaScript the easy way. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Revealing the causes of HTTP status code 460 Revealing the causes of HTTP status code 460 Feb 19, 2024 pm 08:30 PM

Decrypting HTTP status code 460: Why does this error occur? Introduction: In daily network use, we often encounter various error prompts, including HTTP status codes. These status codes are a mechanism defined by the HTTP protocol to indicate the processing of a request. Among these status codes, there is a relatively rare error code, namely 460. This article will delve into this error code and explain why this error occurs. Definition of HTTP status code 460: First, we need to understand the basics of HTTP status code

A deep dive into the meaning and usage of HTTP status code 460 A deep dive into the meaning and usage of HTTP status code 460 Feb 18, 2024 pm 08:29 PM

In-depth analysis of the role and application scenarios of HTTP status code 460 HTTP status code is a very important part of web development and is used to indicate the communication status between the client and the server. Among them, HTTP status code 460 is a relatively special status code. This article will deeply analyze its role and application scenarios. Definition of HTTP status code 460 The specific definition of HTTP status code 460 is "ClientClosedRequest", which means that the client closes the request. This status code is mainly used to indicate

Analyze the causes and solutions of HTTP status code 460 Analyze the causes and solutions of HTTP status code 460 Feb 20, 2024 pm 02:03 PM

Explore the causes and solutions of HTTP status code 460. The HTTP status code is a standardized numeric code used by the HTTP protocol to indicate the result returned by a request. In the HTTP/1.1 specification, a total of 5 types of status codes are defined, among which 4xx status codes indicate request errors and 5xx status codes indicate server errors. Among these status codes, we have rarely heard of the 460 status code. So, what is HTTP status code 460? What is the reason for its appearance? How should we solve it? First, let’s look at the HTTP status codes

Introduction to HTTP 525 status code: explore its definition and application Introduction to HTTP 525 status code: explore its definition and application Feb 18, 2024 pm 10:12 PM

Introduction to HTTP 525 status code: Understand its definition and usage HTTP (HypertextTransferProtocol) 525 status code means that an error occurred on the server during the SSL handshake, resulting in the inability to establish a secure connection. The server returns this status code when an error occurs during the Transport Layer Security (TLS) handshake. This status code falls into the server error category and usually indicates a server configuration or setup problem. When the client tries to connect to the server via HTTPS, the server has no

An in-depth analysis of HTTP status code 550: Bad email address An in-depth analysis of HTTP status code 550: Bad email address Feb 18, 2024 pm 01:44 PM

In-depth analysis of HTTP status code 550: Incorrect email address With the rapid development of the Internet, email has become an indispensable part of people's daily life and work. Through email, people can transfer information and communicate quickly and easily. However, in the process of using email, we sometimes encounter some problems, one of which is the wrong email address. When sending emails online, we often encounter situations where the email fails to be sent. When we receive something like “550Error:Invalid

Troubleshooting the causes and solutions for HTTP status code 550 Troubleshooting the causes and solutions for HTTP status code 550 Feb 20, 2024 am 09:49 AM

Explore the causes and solutions of HTTP status code 550 Introduction: In network communications, HTTP status codes play an important role and are used to indicate the results of the server processing the request. Among them, HTTP status code 550 is a relatively rare status code that is usually related to the server refusing to execute the request. This article will explore the causes of HTTP status code 550 and provide solutions. 1. The basic concept of HTTP status code. Before understanding the HTTP status code 550, let us first briefly understand the basic concept of HTTP status code.

Analysis of the meaning of HTTP status code 460 Analysis of the meaning of HTTP status code 460 Feb 24, 2024 pm 03:51 PM

Vernacular explanation: What does HTTP status code 460 mean? Hello everyone, today we will talk about a strange number in the HTTP status code - 460. I believe many friends have encountered various error pages when developing websites or browsing the web, including HTTP status codes. As for this 460 status code, you may be curious, what does it mean? First, let’s first understand what HTTP status codes are. During the process of accessing web pages or interacting with the server, the client

Parsing and analysis of different types of HTTP status codes: common 2xx, 3xx, 4xx and 5xx status codes Parsing and analysis of different types of HTTP status codes: common 2xx, 3xx, 4xx and 5xx status codes Dec 26, 2023 pm 05:36 PM

Interpretation of HTTP protocol status codes: Analysis of common 2xx, 3xx, 4xx and 5xx status codes, specific code examples are required. The HTTP protocol is an application layer protocol used for network transmission. It defines the rules for communication between the client and the server. . During the process of HTTP request and response, the server will return a status code to indicate the processing result of the request. Status codes are divided into five categories, namely 1xx, 2xx, 3xx, 4xx and 5xx. This article will focus on the common 2xx, 3xx and 4xx

See all articles