How to bind xml to div element in jquery

Question

I have a xml url, need to bind the same xml(with out changing the xml format) to a div element using jquery ajax call. Please find my smaple code below

   <div class="json-full-output">
   <pre></pre>
   </div>



        $.ajax({
            type: "GET",
              url:APIUrl,
              dataType: "xml" ,
              success: function (xml) {
                var xmlDoc = $.parseXML(xml),
                     $xml = $(xmlDoc);
                $(".json-full-output pre").append($xml);
            },
         });

try this if you find solution... stackoverflow.com/questions/889688/… — Uttam Kukadiya
– Uttam Kukadiya, Commented Mar 26, 2018 at 6:38
acdcjunior .... if I used above code it is showing [object XMLDocument] in UI — Siva Naidu
– Siva Naidu, Commented Mar 26, 2018 at 6:39

shanmugasuresh.P · Accepted Answer · 2018-03-26 06:49:17Z

0

To show the xml without changing it format. In ajax method change the data type from "xml" to "text", and in success method directly display the xml data without converting into xml object, and also use 'text' method to display the content instead of 'append'. Please try the below code.

                $.ajax({
                type: "GET",
                //url: "/ModelDesigner/GetFullXmlDataObjectForModel",
                url:APIUrl,
               // data: params,
                dataType: "text" ,
               // async: false,
                success: function (xml) {
                    console.log(xml);
                    /*var xmlDoc = $.parseXML(xml),
                         $xml = $(xmlDoc);
                        */ 
                    $(".json-full-output pre").text(xml);
                },
               //contentType: 'application/json'
            });

answered Mar 26, 2018 at 6:49

shanmugasuresh.P

92 bronze badges

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

1 Comment

Siva Naidu Over a year ago

thanks shanmugasuresh.P . It is binding now, but it is not showing in a xml format... all tags are merged and showing In a single file...

Collectives™ on Stack Overflow

How to bind xml to div element in jquery

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related