ansaurus

Question

Answer 1

+2 A:

There is an error in your JSON data: you're not using colons after "d" in the last three items. Is this an example of real data that your application is using, or example data to demonstrate your problem?

GlenCrawford 2010-04-28 07:37:08

It is the local variable used in the loop.

Darin Dimitrov 2010-04-28 07:39:28

It was an example to demonstrate my problem following a working one I had setup with Flickr. from an example. just cut down alot more then the flickr json string. But yes on that note they should have colons.

Thqr 2010-04-29 02:32:15

Added the colons in as they are in the "test example" I'm trying to use.

Thqr 2010-04-29 02:40:54

Answer 2

+1 A:

$.getJSON(url,
    function(data){
      $.each(data.items, function(i,item){
      $('#testfield').html('<p>' + item.d.title + '</p>');
      });
    });

In this code you're going to end up replacing the HTML of the item with ID of 'testfield' with the value over and over ... you might want to try using jQuery.append to add all entries as you've specified above

$.getJSON(url,
    function(data){
      $.each(data.items, function(i,item){
      $('#testfield').append('<p>' + item.d.title + '</p>');
      });
    });

Dave G 2010-04-29 03:23:40

That would make perfect sense. But sadly it still wont work for me :P

Thqr 2010-04-29 03:24:52

Its your data that is formatted wrong. In your above example of the dates (Weekdays followed by a value) you are incorrectly specifying elements in there. You would need for example { "Sunday" : "10.00" } etc for each element. See additional answer below.

Dave G 2010-04-29 17:28:49

Answer 3

A:

Hopefully this example will point you in the right direction

<html>
<head>
  <title>Stackoverflow</title>
  // ** POINT THIS TO A VALID jquery.js LOCATION
  <script src="jquery.js" type="text/javascript"></script>
  <script>
    var days = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ];
    // *****************************************************
    // This is your data from getJSON if correctly formatted
    var data = '{"Days":[ {"Sunday":"10.00"}, {"Monday":"12.00"}, {"Tuesday":"09.00"}, {"Wednesday":"10.00"}, {"Thursday":"02.00"}, {"Friday":"05.00"}, {"Saturday":"08.00"}]}';
    runUpdate = function() {
      // *******************************************************
      // Clear the div of all data by replacing it
      $('#testfield').replaceWith('<div id="testfield"></div>');
      var dataObject= $.parseJSON( data );
      $.each( dataObject.Days, function (index, value) {
        // ********************************************
        // Append new elements to the newly created div
        $('#testfield').append("<p>"+days[index]+": "+value[ days[index] ]+"</p>");
      });
    };

    runReset = function() {
      $('#testfield').replaceWith('<div id="testfield">This is original text.</div>');
    };
  </script>
</head>
<body>
  <div id="testfield">
    This is original text.
  </div>
  <div>
    <input type="button" value="Run Update" onclick="runUpdate();" />
    <input type="button" value="Reset" onclick="runReset();" />
  </div>
</body>
</html>

Dave G 2010-04-29 17:34:47

ansaurus

tags:

views:

answers:

getjson jquery parsing an array

related questions