jQuery.ajax(url[,settings])で、xml形式のデータを読み込みパースし表示

<script>
<!--
jQuery( function() {
    jQuery( '#jquery-sample-button' ) . toggle(
        function() {
            jQuery . ajax(
                'jquery-sample-ajax-xml.xml',
                {
                    dataType: 'xml',
                    success: function( data ) {
                        jQuery ( data ) . find( 'color' ) . each( function() {
                            var name = jQuery ( this ) . find( 'name' ) . text();
                            var colorName = jQuery ( this ) . find( 'colorName' ) . text();
                            var colorCode = jQuery ( this ) . find( 'colorCode' ) . text();
                            var html = '<p style="color:' + colorName + ';">' + name + ':' + colorName + ':' + colorCode + '</p>';
                            jQuery( '#jquery-sample-ajax' ) . append( html );
                        } );
                        jQuery( '#jquery-sample-textStatus' ) . text( '読み込み成功' );
                    },
                    error: function( data ) {
                        jQuery( '#jquery-sample-textStatus' ) . text( '読み込み失敗' );
                    }
                }
            );
        },
        function() {
            jQuery( '#jquery-sample-ajax' ) . html( '' );
            jQuery( '#jquery-sample-textStatus' ) . text( '' );
        }
    );
} );
// -->
</script>