Consuming XML data via Ajax

I need to consume the data of an XML via AJAX but Firefox always returns an "incorrect formatting" error and does not print anything on the screen.

The same AJAX runs seamlessly in Chrome, but other browsers do not load anything.

$.ajax({    
    type: "GET",
    url: "http://api.dino.com.br/v2/partners/mundo-do-marketing/news",
    dataType: "xml",    
    success: function(xml) {
        $(xml).find("NewsModel").each(function(){    
             //Título
             var titulo = $(this).find("Title").text();
             console.log(titulo);

             //Categoria
             var categoria = $(this).find("Categories");
             var tipo_categoria = categoria.find("NewsCategoryModel");
             var nome_categoria = tipo_categoria.first().find("Name").text();

             //Imagem
             var imagem = $(this).find("Image");
             var imagem_url = imagem.find("Url").text();

             //Data de Publicação
             var dataPublicacao = $(this).find("PublishedDate").text();

             var data = dataPublicacao;
             var data_brasil = data.substring(0,10).split('-').reverse().join('/')

             //Link da api para cada conteúdo
             var id_conteudo = $(this).find("ReleaseId").text();

             var url_interna = 'https://www.mundodomarketing.com.br/dino/conteudo/' + id_conteudo + '/' + slug(titulo);

             //Monta a div que vai receber os textos e as imagens
             $('#dino').append('<div class="bloco-dino"><ul><li><a href="' + url_interna + '" title="' + titulo + '"><div class="item-dino"><div class="categoria-dino">' + nome_categoria + '</div><p class="titulo-dino">' + titulo + '</p><span class="data-dino">' + data_brasil + '</span></div></a></li></ul></div></br>');    
         });
    },    
 });

This is what appears in the inspection.