How to check http status code in vuejs and return value

Question

I need to check the status code in vuejs, whether is it 200 or else. Here is my code, but i have errors.

methods:{
  userSearch(){
    let searchUrl = dataUrl+this.usersearch;
            
                fetch(searchUrl).then(statusCode => {
                    if(statusCode == 200){
                        message = "Not Available"
                        $("#availability").innerHTML = message
                    }
                    else {
                        message = "Available"
                        $("#availability").innerHTML = message
            }})

this should return in my p element with id="availability" whether the user is available or not, depending on the status code. I am calling this method in the input field on enter.

fetch resolves to a Response object, not just a status code… — deceze
– deceze ♦, Commented May 31, 2022 at 13:15

Renato · Accepted Answer · 2022-05-31 13:33:11Z

0

As @deceze pointed out, the fetch function resolves to a Response Object.

You can see here how to properly handle the HTTP status of the response.

But, for your code, it should be something like this:

userSearch() {
    let searchUrl = dataUrl+this.usersearch;          
    fetch(searchUrl).then(response => {
        if(response.status == 200){
            message = "Not Available"
            $("#availability").innerHTML = message
        }
        else {
            message = "Available"
            $("#availability").innerHTML = message
        }
    })
}

As just part of the code was provided, there might be other causes for the error, that I cannot see with just this snippet.

answered May 31, 2022 at 13:33

Renato

3591 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to check http status code in vuejs and return value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related