Question

29

XML to javascript array with jQuery

rated 0 times [ 34] [ 5] / answers: 1 / hits: 38111 / 13 Years ago, thu, june 30, 2011, 12:00:00

I am new to XML and AJAX and am only a newcomer to Javascript and jQuery. Among other job duties I design our website. A deadline is very near, and the only way I can think of to do this project well is with AJAX. I have a document full of XML objects such as this one repeating:

<item>

    <subject></subject>

    <date></date>

    <thumb></thumb>

</item>

I want to create an array of all elements and their child elements. I've been reading jQuery tutorials on AJAX for hours and don't even know where to start because they all assume a certain level of javascript proficiency. If someone could show me the easiest way to loop through all elements and put their children into an array, I'd appreciate it tons.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

daquanmilesw

Add To Favorites

Follow

Total Points: 57

Total Questions: 102

Total Answers: 110

Location: Wallis and Futuna

Member since Sat, Aug 6, 2022

2 Years ago

daquanmilesw questions

1 array.filter is returning entire object instead of just one value

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to make Swiper JS display faction pagination and progress bar at the same time?

Tue, Jul 13, 21, 00:00, 3 Years ago

1 How can I do top level await

Sat, Jul 10, 21, 00:00, 3 Years ago

1 Svelte reactivity not triggering when variable changed in a function

Thu, Sep 17, 20, 00:00, 4 Years ago

1 Importing node modules in a WordPress plugin

Wed, Jun 24, 20, 00:00, 4 Years ago

View All

answered 13 Years ago ednakarolinal · Accepted Answer

Using jQuery, $.ajax() your XML file, and on success pass retrieved data with each, like:

 var tmpSubject, tmpDate, tmpThumb;

 $.ajax({

            url: '/your_file.xml',

            type: 'GET', 

            dataType: 'xml',

            success: function(returnedXMLResponse){

                $('item', returnedXMLResponse).each(function(){

                     tmpSubject = $('subject', this).text();

                     tmpDate = $('date', this).text();

                     tmpThumb = $('thumb', this).text();

                    //Here you can do anything you want with those temporary

                    //variables, e.g. put them in some place in your html document

                    //or store them in an associative array

                })

            }  

        });