解析来自Servlet的JSON响应

Question

Ok, Ive got a Java Servlet returning some JSON (In Application/JSON format). To do this, im using the GSON libary.

The Servlets GET method takes one paramater, ID. The servlet seems to be working, For example,chrome shows my AJAX GET request returning the following when the [Booking]ID paramater sent is 1.

    0: {WidgetID:46, BookingID:1, X:393, Y:50, Content:Test1}
    1: {WidgetID:47, BookingID:1, X:337, Y:251, Content:Test2}
    2: {WidgetID:48, BookingID:1, X:97, Y:198, Content:Test3}

The problem I have is with parsing this response. Here is my JS code:

\n    loadPositions() { \n    var BookingID =  \n    if (BookingID != null && BookingID != "null") \n    { \n    var data = {"id" : BookingID}; \n    $.getJSON("Widget", data, function(data) { \n    // Successfully got all this bookings widgets as JSON, TODO: Parse this! \n    }); \n    } \n    }  

What should I put in the "TODO: Parse this!" section? I want to foreach over all the elements, and grab their data. I really suck at this JQuery stuff.

Answer 1

In the todo section, you should do the following to loop through all the arrays:

$.each(data, function(index,value){
    // here index=0 & value.WidgetID=46, value.BookingId = 1, use it as you would like to.

})

Answer 2

Have a look at jQuery .each()

http://api.jquery.com/jQuery.each/

and for a good example of what you want to do...

http://api.jquery.com/jQuery.getJSON/

$.getJSON('ajax/test.json', function(data) {
  var items = [];

  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });

  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});

Answer 3

Take a look at

https://github.com/acobley/jBoggyAppy/blob/HectorV2-Cassandra-0.7.0/WebContent/Scripts/index.js

the ShowScrollingTags function.