Getting JSON object from a arraylist

Question

I have specific problem with axios to getting JSON object from my arraylist, so instead of display my displayName on my nav bar, it display all response headers information, i don't know why ? :

that my json list from my localhost :

that my code :

<a class="nav-link dropdown-toggle text-nowrap px-3" v-d-toggle.user-actions>
    <img class="user-avatar" src="@/assets/images/avatars/0.jpg" alt="User Avatar"> 
    <span class="d-none d-md-inline-block"></span>{{jsonInfo}}
</a>

<script>
 import axios from 'axios'; 

 export default {
  data() {
  return {
      jsonInfo: [],
      
    }
 },
 mounted () {
  axios
   .get('http://localhost:5000/info/users')
   .then(response => (this.jsonInfo = response))
  
   }
 }
</script>

B. Blox · Accepted Answer · 2022-06-08 22:10:45Z

1

Take a look at the axios docs. The response object contains much more than the data that you are requesting. If you are wanting the data in your jsonInfo array, you will want response.data instead of the full response object.

answered Jun 8, 2022 at 22:10

B. Blox

462 bronze badges

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

3 Comments

TheRevenant95 Over a year ago

@b-blox hi, i already try with response.data and i obtain empty array on my navbar

Rohìt Jíndal Over a year ago

@TheRevenant95 As your data is containing empty array. Hence it is returning an empty array.

TheRevenant95 Over a year ago

@Rohìt-Jíndal Yep i fix that 👍

Collectives™ on Stack Overflow

Getting JSON object from a arraylist

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related