I have the following json-object returned via response
the function
function getUserList() {
$.ajax({
url: "https://reqres.in/api/users",
type: "POST",
data: {
name: "paul rudd",
movies: ["I Love You Man", "Role Models"]
},
success: function(response){
console.log(response); // prints the object
}
});
}
My question is how the movies-array are accessed in javascript? I cannot access it via response - if I do i get "undefined" returned.
i.e response.movies
undefined
or response.movies[0]
uncaught typerror cannot read property [0] of undefined
asked Jul 30, 2017 at 15:05
java
1,1652 gold badges31 silver badges52 bronze badges
4 Answers 4
The property of the object appears to be "movies[]", not "movies", for which you can use bracket notation to get the value of
console.log(response["movies[]"][0])
Sign up to request clarification or add additional context in comments.
Comments
Try response['movies[]']. Also, you could console log the response object and inspect what is inside it
answered Jul 30, 2017 at 15:08
Mati
1,1481 gold badge12 silver badges27 bronze badges
1 Comment
java
I get undefined in both cases
in your back end you're returning with bad naming , so
to access that array you've to access it as below response.["movies[]"]
see below sample :
response = { "movies[]": ["1","2","3"] };
console.log(response["movies[]"]);
answered Jul 30, 2017 at 15:10
Bourbia Brahim
14.7k4 gold badges45 silver badges55 bronze badges
Comments
movies is array, use $.each or .forEach()
$.ajax({
url: "https://reqres.in/api/users",
type: "POST",
data: {
name: "paul rudd",
movies: ["I Love You Man", "Role Models"]
},
success: function(response) {
$.each(response.movies, function(index, value){
// prints the object
console.log(value);
})
}
});
answered Jul 30, 2017 at 15:12
ewwink
19.3k2 gold badges49 silver badges56 bronze badges
Comments
lang-js