Source Viewer : /ajax/content/xml-response.htm

This example shows how an ActionResult can return an XML response.

<p/>

Click $link to call the server using Ajax.

<div id="result">
    <!-- Ajax response will be set here -->
</div>


<script type="text/javascript" src="$context/assets/js/jquery-1.4.2.js"></script>

<script type="text/javascript">
    // Register a function that is invoked as soon as the DOM is loaded
    jQuery(document).ready(function() {

        // Register a 'click' handler that makes an Ajax request
        jQuery("#link-id").click(function(event){
            // Make ajax request
            makeRequest();

            // Prevent the default browser behavior of navigating to the link
            return false;
        })
    })

    function makeRequest() {
        var link = jQuery('#link-id');
        var extraData = link.attr('id') + '=1';
        var url = link.attr('href');
        jQuery.get(url, extraData, function(data) {
            // 'data' is the response received from the server

            // Extract the <msg> and <date> values from the XML response and output the result
            var root = jQuery(data);
            var msg = root.find('msg').text();
            var date = root.find('date').text();
            jQuery("#result").html("<p class='infoMsg'>" + msg + date + "</p>");
        }, {dataType:'xml'});
    }
</script>