Breaking News: Grepper is joining You.com. Read the official announcement!

axios cancel previous request

Duck Duck Go-ogle answered on March 25, 2022 Popularity 9/10 Helpfulness 5/10

answer axios cancel previous request

axios cancel previous request

Comment

let cancelToken
2const handleSearchChange = async e => {
3  const searchTerm = e.target.value
4
5  //Check if there are any previous pending requests
6  if (typeof cancelToken != typeof undefined) {
7    cancelToken.cancel("Operation canceled due to new request.")
8  }
9
10  //Save the cancel token for the current request
11  cancelToken = axios.CancelToken.source()
12
13  try {
14    const results = await axios.get(
15      `http://localhost:4000/animals?q=${searchTerm}`,
16      { cancelToken: cancelToken.token } //Pass the cancel token to the current request
17    )
18    console.log("Results for " + searchTerm + ": ", results.data)
19  } catch (error) {
20    console.log(error)
21  }
22}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: www.codingdeft.com

Tags: axios javascript request

Link to this answer
Share Copy Link

Contributed on Mar 25 2022

Duck Duck Go-ogle

0 Answers Avg Quality 2/10

axios cancel previous request

Contents

More Related Answers

axios cancel previous request

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.