An ajax call to a .net web api method with a valid XML response has the responseXML as undefined

Question

I have a .net web api method that when open in the browser it returns a valid XML (http://localhost:49546/api/Products)

<ArrayOfProductModel><ProductModel><Color>Black</Color><DiscontinuedDate i:nil="true"/><ListPrice>1431.5000</ListPrice><ModifiedDate>2008-03-11T10:01:36.827</ModifiedDate><Name>HL Road Frame - Black, 58</Name><ProductCategoryId>18</ProductCategoryId><ProductId>680</ProductId><ProductModelId>6</ProductModelId><ProductNumber>FR-R92B-58</ProductNumber><SellEndDate i:nil="true"/><SellStartDate>2002-06-01T00:00:00</SellStartDate><Size>58</Size><StandardCost>1059.3100</StandardCost><Weight>1016.04</Weight></ProductModel> </ArrayOfProductModel>

When I try to call that method using AJAX the data is being shown as an [object XMLDocument] but the data.responseXML is undefined so I can not process the XML response to show it as a table.

<script type="text/javascript">
    $(document).ready(function () {
        getProducts();
    });
    function getProducts()
    {
        $.ajax({
            url: 'http://localhost:49546/api/Products',
            method: 'GET',
            dataType: 'xml',
            //contentType: 'application/xml; charset=utf-8',
            success: function (data) {
                alert("GetProducts successfully");
                showProducts(data);
            },
            fail: function (jqXHR, textStatus) {
                alert("Request failed: " + textStatus);
            }
        })
    }
    function showProducts(data)
    {
        alert(data);
        alert(data.responseXML);
        alert(data.responseText);
        var i;
        var xmlDoc = data.responseXML;
        var table = "<tr><th>Nombre</th><th>ListPrice</th></tr>";
        var x = xmlDoc.getElementsByTagName("ProductModel");

        for (i = 0; i < x.length; i++) {
            table += "<tr><td>" +
            x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue +
            "</td><td>" +
            x[i].getElementsByTagName("ListPrice")[0].childNodes[0].nodeValue +
            "</td></tr>";
        }
        //alert(data);
        document.getElementById("prodTable").innerHTML = table;
    }
</script>

Please let me know what is missing or wrong

What does responseText give you? – nixkuroi Jul 22 '16 at 22:41 — nixkuroi, Jul 22 '16 at 22:41
responseText is also undefined ! – Mauricio Gracia Gutierrez Jul 22 '16 at 22:42 — Mauricio Gracia Gutierrez, Jul 22 '16 at 22:42
data is shown as [object XMLdocument] – Mauricio Gracia Gutierrez Jul 22 '16 at 22:43 — Mauricio Gracia Gutierrez, Jul 22 '16 at 22:43
What do you get if you do a JSON.stringify(data) ? – nixkuroi Jul 22 '16 at 22:44 — nixkuroi, Jul 22 '16 at 22:44
I get {"location":null} – Mauricio Gracia Gutierrez Jul 22 '16 at 22:47 — Mauricio Gracia Gutierrez, Jul 22 '16 at 22:47

score 0 · Answer 1 · edited May 23 '17 at 12:32

0

Web API passes back JSON as the default data type. That's what you're getting in {"location":null}

If you want to pass back XML, check out this article: WebAPI to Return XML

edited May 23 '17 at 12:32

Community

1
1

answered Jul 22 '16 at 22:52

nixkuroi

2,259
1
19
25

Accordint to that link "WebAPI will automatically send JSON or XML based on the Accept header that your client sends." I have send the ajax request using the "accept/datatype" as "xml" so it should work. – Mauricio Gracia Gutierrez Jul 22 '16 at 23:24
I have also tried returnin a string with the XML content but it did not work either – Mauricio Gracia Gutierrez Jul 22 '16 at 23:25

An ajax call to a .net web api method with a valid XML response has the responseXML as undefined

1 Answers1