I have an Ajax call which returns a JSON response and i'm loading the response using an array
var results = {
"appointmentrequired": {"name": "Appointment Required?"},
};
success: function(data) {
$.each(results, function(key, value) {
// show results from `data` here
});
}
But I'm not sure how to access the results inside the array loop.
I've tried
console.log(data[key]);
console.log(data.key);
But both return undefined
If you console.log() both key and value you should be able to see what's being provided to the function arguments.
As such, either data[key].name or value.name is what you need.
// mock AJAX response data
var data = {
"appointmentrequired": {
"name": "Appointment Required?"
},
};
// in AJAX response handler
$.each(data, function(key, value) {
console.log('key:', key)
console.log('value:', value);
console.log('Name from key:', data[key].name);
console.log('Name from value:', value.name);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
data in my ajax request
results to data. I did it this way so it worked in the snippet given the example in your questiondata[key] to retrieve the value from the ajax request with the key in results?console.log(data["appointmentrequired"]); i get undefined. My JSON response looks like {"appointmentrequired":"yes"}You need to iterate over data returned from the api, not results:
success: function(data) {
$.each(data, function(key, value) {
console.log(key, value) // appointmentrequired {name: "Appointment Required?"}
});
}
results object$.each run on arrays
You want to explore let keysArr = Object.keys(data)
