view xml data in jquery

Question

how do i display xml data using jquery? i don't need to parse it i just need to display it to the user on the page.

Here's my current code:

$.ajax({
    type: "POST",
    dataType: "xml",
    contentType: "application/json; charset=utf-8",
    url: "Service2.svc/DoWork",
    data: "{}",
    processdata: true,
    success: function(response, textStatus, jqXHR) {
        alert($(jqXHR).responseXML);
    }); $("#Text1").val($(response));
}, error: function() {
    alert("error");
}
});

Eli · Accepted Answer · 2011-04-23T13:22:33.773

1

I believe this will work:

$.ajax({
    success: function(response, textStatus, jqXHR) {
        alert(jqXHR.xml);
    }
});

edited Apr 23 '11 at 13:22

answered Apr 23 '11 at 05:20

Eli

17,397
4
36
49

@user , post your jquery ajax code , where do you want to display ??/ – kobe Apr 23 '11 at 05:28

score 0 · Answer 2 · answered Apr 23 '11 at 05:16

0

I think you'll need to parse it anyways due to the < and > . Use the 'load' method.

answered Apr 23 '11 at 05:16

Vicente Plata

3,370
1
19
26

okay.. how bout if I display the xml in alert method? i've tried alert($(xml)); but it just displays "object [object]". any ideas? – user384080 Apr 23 '11 at 05:19
Please let us see your code. Why are you using the '$' char before the variable? JavaScript is not Perl or PHP ;) . – Vicente Plata Apr 23 '11 at 05:21
Because the jQuery function `$()` converts a HTML string (hopefully XML) into a jQuery object when passed as a first parameter. Like so: `$('
asd
');` – Blender Apr 23 '11 at 05:28
`$.ajax({ type: "POST", dataType: "xml", contentType: "application/json; charset=utf-8", url: "Service2.svc/DoWork", data: "{}", processdata: true, //True or False success: function (response, textStatus, jqXHR) { alert($(jqXHR).responseXML); }); $("#Text1").val($(response)); }, error: function () { alert("error"); } });` – user384080 Apr 23 '11 at 05:30

score 0 · Answer 3 · edited May 23 '17 at 11:55

0

I'm assuming you've stored the response XML into the variable xml.

I think this should work:

alert($('<div>').append($(xml).clone()).remove().html());

Credit goes here: How do you convert a jQuery object into a string?

edited May 23 '17 at 11:55

Community

1
1

answered Apr 23 '11 at 05:32

Blender

289,723
53
439
496

score 0 · Answer 4 · answered Dec 15 '11 at 22:58

0

You can just use result.responseText where result is the object returned in your complete function

answered Dec 15 '11 at 22:58

Namwar Rizvi

143
3

view xml data in jquery

4 Answers4