CODEWITHSUNDEEP
javascriptjqueryarraysxml
Jay
Jay

Reputation: 27

XML is not well-formed in jquery

I have called an ajax function that gather data from an xml file formatted like this

<?xml version="1.0" encoding="utf-8"?>
<values>     
  <value date="2015-07-12">37.170</value>
  <value date="2015-07-13">7.190</value>
  <value date="2015-07-12">37.170</value>
  <value date="2015-07-12">3.210</value>
  <value date="2015-07-12">37.20</value>
</values>

When I get the response from the console it says not well-formed :1:80

Not sure what this means since when I use xml validator they all tell me that there are no errors. Any help would be awesome to have. 

        var data = [];
    $.ajax({
        url: 'test.xml', // name of file you want to parse
        dataType: "xml", // type of file you are trying to read
        success: parse, // name of the function to call upon success
        async:    false,
        error: function(xhr, status, error) {
              alert(xhr.responseText);
              console.log("readyState: " + xhr.readyState);
                console.log("responseText: "+ xhr.responseText);
                console.log("status: " + xhr.status);
                console.log("text status: " + textStatus);
                console.log("error: " + err);
        }
    });

    function parse(xml) {
        var items = jQuery(xml).find("values");
        var data = [];
        var values = $(items).text();
        $(document).find("Values").each(function () {
            $(this).find("value").each(function () { data.push($this.text);});
        });
        console.log(data.length);
    }

Not sure ethier how to get all of the values into the array.

Upvotes: 1

Views: 1516

Answers (3)

eon
eon

Reputation: 1938

For anybody else having a problem parsing non-well-formed (self-closing tags) xml in IE, $(xmlthing).find('nodename').each... works, whereas IE will parse $(xmlthing).children('nodename').each... (which is fine in FF and Chrome), as nested.

That is:

<thing /> <thing /> <thing />

will be 3 things in FF/Chrome, but one in IE if you use $(node).children(thing)

$(node).find(thing) will give you 3 things in all browsers. Thanks @Steen

Upvotes: 0

Steen
Steen

Reputation: 2877

EDIT!

Fiddle is updated.

http://jsfiddle.net/b62tx8Ln/1/

No need to parse data with parseXML.

Erik Phillips is probably right about the double parsing. Anyways, this should work.

Note the use of ECHO in fiddle..... just to simulate a local xml-file.

 $.ajax({
        url: 'test.xml', // name of file you want to parse
        dataType: "xml", // type of file you are trying to read
        success: parse, // name of the function to call upon success
        async:    false,
        error: function(xhr, status, error) { 
            alert("error");
        }
    });

    function parse(xmldata) {
        $(xmldata).find("value").each(function(){
            alert($(this).text());
        });
    }

Upvotes: 1

Erik Philips
Erik Philips

Reputation: 54618

You may be trying to parse it twice, per the documentation:

The type of data that you're expecting back from the server. If none is specified, jQuery will try to infer it based on the MIME type of the response (an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string).

Thus I'm imagining that this is what you are looking for:

function parse(xml) {
  //var items = jQuery(xml).find("values");
  var items = xml.find("values");
  var data = [];
  var values = $(items).text();
  $(document).find("Values").each(function () {
    $(this).find("value").each(function () { data.push($this.text);});
  });
  console.log(data.length);
}

Upvotes: 1

Related Questions