JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<Remoting xmlns="http://test/to">
<Response>
    <Controller id="c">
        <Messages/>
        <StructData name="Root">
            <F name="@ErrorOccured"/>
            <F name="@TransitionErrorOccurred"/>
            <List name="DataList" aspect="Delete"/>
            <List name="DataList" aspect="New">
                <Item name="001">
                    <F name="CreationDateTime" >2012/04/26</F>
                    <F name="MaterialUUID" />
                    <F name="ProductDescription" mandatory="X" />
                </Item>
                <Item name="02F">
                    <F name="CreationDateTime" >2012/04/26</F>
                    <F name="MaterialUUID" />
                    <F name="ProductDescription" mandatory="X" />
                </Item>
                <Item name="01F">
                    <F name="CreationDateTime" >2012/08/09</F>
                    <F name="MaterialUUID" >00CE</F>
                    <F name="ProductDescription" mandatory="X" >Smartphone 16GB</F>
                </Item>                 
                <Header name="@tableSize">316 </Header>
            </List>
        </StructData>
        <Events>
            <Event event="$Core" operation="$AddRow" enabled="" path="/Root/DataList"/>
        </Events>
    </Controller>
</Response>

JavaScript

var xml = document.body.innerHTML;
document.body.innerHTML = '';
$.ajax({
    url: "http://fiddle.jshell.net/echo/xml/",
    data: {
        xml:  xml 
    },
    type: "post",
    dataType: "xml",
    success: function(result) {
        var obj = $(result).find('response').find('controller').find('structdata');
        console.log(obj);
    } 
});