How to print data using javascript/jquery

Question

I have the next js code.

var myData=[];
for(j=1;j<=Pages;j++)
{
$.ajax({
        type: 'get',
        url: 'link.xml'+j,
        async: false, 
        dataType: 'xml', 
        success: function(data){
            getData(data);
        }, 
        error: function(data){
            console.log("error");
        }
    });
}
function getData(data){


     var tmpData = {id:'' , displayName:''};  

     //taking the values and storing them to myData


            myData.push(tmpData); 
            tmpData = {id:'' , displayName:'', eventsHref: []};


}


    for(i=0;i<myData.length;i++)
    {
     $.ajax({
        type: 'get',
        url: 'somelink'+data[i].id,
        async: false, 
        dataType: 'xml', 
        success: function(events){
            getUpEvents(events);
        }, 
        error: function(events){
            console.log("error");
        }
    });
    }
    function getUpEvents(events){

    var tmpEvents = {displayNameEvent:[] , displayNameArtist: []};

     //taking some other values and storing them to myData

     myData.push(tmpEvents); 
     tmpEvents = {displayNameEvent:[] , displayNameArtist:[]};

}

Now to print the results from myData with a specific way.In the first line myData[0].displayName.Next lines all the myData[i].displayNameEvents that indicates to the myData[0].displayName and all the myData[i].displayNameArtist.After that it will print the next myData[1].displayName and so goes on.

Below is how i tried to print them.

for(i=0;i<myData.length;i++)
{
        document.write(myData[i].displayName+"<br>");
        document.write(myData[i].displayNameEvent+"<br>");
        document.write(myData[i].displayNameArtist+"<br>");
}

Don't use document.write -- stackoverflow.com/questions/802854/… — Halcyon
– Halcyon, Commented Nov 26, 2013 at 17:37

Gopherkhan · Accepted Answer · 2013-11-26 18:09:10Z

2

If this is just for debugging, use JSON.stringify(myData) to parse your data into a JSON string. This way you'll have both the property name and value right next to eachother.

Then use console.log or div.innerText to write the text out.

For example, assuming you have a div with the class 'output':

$('.output').text(JSON.stringify(myData));

You can also open your debugger console and view the console output with:

console.log(JSON.stringify(myData));

edited Nov 26, 2013 at 18:09

answered Nov 26, 2013 at 17:53

Gopherkhan

4,3424 gold badges36 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3014089 Over a year ago

I get nothing as result.

Gopherkhan Over a year ago

Are you sure you're getting data back? Try dropping in a 'debugger;' at the very top of getData(data). Then look at what data you are receiving.

Kevin Bowersox · Accepted Answer · 2013-11-26 17:40:45Z

0

//Create a div to hold the results
var results = $("<div/>");

//Loop through the data and append each value wrapped in a p to the div
for(i=0;i<myData.length;i++)
{
        results.append("<p>" + myData[i].displayName + "</p>");
        results.append("<p>" + myData[i].displayNameEvent + "</p>");
        results.append("<p>" + myData[i].displayNameArtist + "</p>");
}

//append the div to the body
$("body").append(results);

answered Nov 26, 2013 at 17:40

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

7 Comments

user3014089 Over a year ago

These are the results now : Muse Dangerous Muse undefined undefined I think that something wrong with the for loops on ajax requests.

Kevin Bowersox Over a year ago

@user3014089 Are you using FF? If so can you console.log the ajax response? It will be difficult to help on this without the data.

user3014089 Over a year ago

What's the ff?I am new to javascript

user3014089 Over a year ago

Omg sorry if you mean firefox then yes.

Mirko Cianfarani Over a year ago

You going to console for see error or print from console.log()

|

Sajad Deyargaroo · Accepted Answer · 2013-11-26 19:21:51Z

In the myData array above, two elements are being pushed for each object.

one object, which has id and displayName properties
second object with displayNameEvent and displayNameArtist array

As there is no relation between these two array elements, we cannot print the data corrrectly, displayName with its associated diasplayNameEvents and displayNameArtists.

I have rewritten the above code with some dummy data in JsFiddle. The code associates the id / displayName with displayNameEvent / displayNameArtist arrays and prints the data correctly as shown below.

101s name

101s event1, 101s event2

101s artist1, 101s artist2


102s name

102s event1, 102s event2

102s artist1, 102s artist2


103s name

103s event1, 103s event2

103s artist1, 103s artist2

...

Collectives™ on Stack Overflow

How to print data using javascript/jquery

3 Answers 3

2 Comments

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related