using PHP Api response in Vue

Question

I'm working on a registration system using vue & php, on my backend, I want error to stored and return to vue if no error, I want the vue to alert "registration successful".

I got the re-routing right but how do extract the errors from my api response,

in php i have


if(count($error)){
echo $error;
}
 
else {
echo json_encode(["isRegistered"=>true]);

}

in vue I have

data(){
return{
...
data : {// user data goes here},
response : ""
},
}

methods: {
...
axio.post("api/register.php"  data, config)
.then((response) =>{this.response = response.data); 
//the problem
console.log(this.response);
}) ;

}

In only getting Array in my console except when i change

echo $error

to

print_r($error)

in php script

You can't access asynchronously set data outside a callback. See stackoverflow.com/questions/14220321/… — Estus Flask
– Estus Flask, Commented Sep 21, 2021 at 6:21

Nigel Ren · Accepted Answer · 2021-09-21 05:43:13Z

1

You should return the errors as JSON to make it consistent (and accessible)...

echo json_encode(['errors' => $error]);

You will then at least have access to the errors and you can decide how to display them.

answered Sep 21, 2021 at 5:43

Nigel Ren

57.3k11 gold badges49 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

using PHP Api response in Vue

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related