jQuery Forum

I have an XML that looks like this:

<?xml version="1.0" encoding="utf-8"?>
<export>
  <Article URL="test">
      <DisplayName>test</DisplayName>
      <Summary>test</Summary>
      <ThumbNail ID="test" URL="test" />
  </Article>
</export>

Which I'm looking to parse using jQuery. This works using the following code:

$.ajax({
    url: 'https://[fqdn]/[filename].xml'
})
.done(function(xml) {
    $(xml).find('Article').each(function() {
        console.log($(this).attr('URL'));
        console.log($(this).find('DisplayName').text());
        console.log($(this).find('Summary').text());
        console.log($(this).find('ThumbNail').attr('URL'));
    });
})
.fail(function(jqXHR, textStatus) {
    console.log(textStatus);
})

All output is logged to the console, but at the end I'm getting an error saying the XML is malformed at line 1 column 78 which is causing my entire script to halt.

Is this the right way to go about this?

Adding dataType: "xml", and/or type: "GET", does not help.

I have been using jQuery Mobile for a few years now for building apps based on Phonegap Build. Since iOS 10 it seems regular linking to sub pages results in "error loading page". What I do is very simpel:

index.html => a jQuery call loads the jQuery Mobile listview with:

<a href="item.html?id=1">

Next I have that file (item.html) which is linked to in the same directory, so the file does exist.

What could this be and why did it stop working? On Android is works fine btw. I have "cordova-plugin-whitelist" included in my project with the following option:

<allow-navigation href="*" />

Anyone that has had this problem and was able to solve it?

1.         <div data-role="header" data-position="fixed" data-tap-toggle="false">
2.             <h1>Title</h1>
3.         </div>

1.             //test
               var test = function() {
                   $.ajax({
                       url: 'http://url/android.json',
                       dataType: 'json',
                       data: '',
          
                       success: function(result) {
                           data = eval(result);
                           var options = '';
                          
                           $.each(data, function(name,hash){
                               options += '<input type="checkbox" name="checkbox-' + hash + '" id="checkbox-' + hash + '" value="' + hash + '" class="custom" />';
                               options += '<label for="checkbox-' + hash + '">' + name + '</label>';
                           });
   
                           $('#test').append(options);
   
                       }
                   });
                   return false;
               };
              
               test();

1. <div data-role="page" class="type-interior">
       <div data-role="content">
           <div class="content-primary">
   
               <form action="#" method="get">
                   <h2>Form elements</h2>
   
                    <fieldset data-role="controlgroup" id="test">
   
                   </fieldset>
   
               </form>
   
           </div>       
       </div>
   </div>