I have tried to iterate through the JSON object but it is not working. Is there a more efficient way to even structure the object? Also, I am not sure that the AJAX request is being made because I keep seeing an error message which is "There was a problem: 0".
This is my JS file:
$(document).ready(function() {
$.ajax({
type: "GET",
url: "lab4.json",
dataType: "json",
success: function(response){
var message = "";
$.each(responseData.text, function(i, item) {
$.each(item.tutoring-text, function(x, s) {
message += s;
});
});
$("#tutoring-text").html(message);
},
error: function(msg) {
// there was a problem
alert("There was a problem: " + msg.status + " " + msg.statusText);
}
});
});
This is my JSON file:
{
"text":{
"tutoring-text": [
"Gamma Nu Eta holds weekly tutoring sessions every Wednesday.",
"At these tutoring sessions, GNH can help you with any course in your ITWS degree program.",
"This includes ITWS core classes, such as Intro to ITWS and Web Systems, or classes outside of ITWS, such as Computer Science 1 and Data Structures.",
"We can also help with any questions that you might have about career development, resumes, as well as just general questions about RPI."
]
}
}
You're trying to iterate when your JSON structure is reasonably flat.
All you really need is
$("#tutoring-text").html(response.text["tutoring-text"].join(""))