Easiest approach is to make a hash - no function needed.

var states = {

    'AL': 'Alabama',

    'AK': 'Alaska',

    'AZ': 'Arizona',

    'AR': 'Arkansas',

    'CA': 'California',

    'CO': 'Colorado',

    'CT': 'Connecticut',

    ...

    'WY': 'Wyoming'

};



var stateName = states[WY];

EDIT

Now I better understand that getState() needs to retrieve State names from the server. This puts you into the world of asynchronous coding, which is quite different from normal, synchronous coding.

The most important thing to realise is that getState() can't simply return a state name for a given state abbreviation. Why? Because the ajax call to the server is asynchronous - in other words getState() won't wait for the server's response before returning.

There are essentially two approaches to handling asynchronicity :

• pass callback function(s) to getState() to tell it what to do when a response is received


• arrange for getState() to return a special type of object called a promise which can be handled where getState() is called, in such a way that it will respond when the server has responded.

The code below adopts the second approach.

var states = {};//cache of state names, with state abbreviations as keys

function getState(abbr) {

    var dfrd = $.Deferred();//A deferred object, whose promise will be returned.

    if(!states[abbr]) {

        $.ajax({

            url: states.asp,

            dataType: 'XML',

            success: function(data) {

                //Load up the cache

                $.each($('state', data), function(i, el) {

                    states[el.attr('abbr')] = $(el).text();

                });

                //Now resolve or reject the deferred object depending in whether states[abbr] has been cached

                if(states[abbr]) {

                    dfrd.resolve(abbr, states[abbr]);//Success! Let's resolve the deferred object (and its promise).

                }

                else {

                    dfrd.reject(abbr, 'States successfully downloaded but ' + abbr + ' was not included');

                }

            },

            error: function() {

                dfrd.reject(abbr, 'Download of states failed');

            }

        });

    }

    else {

        //The state name is already cached

        //The deferred object (and its promise) can be resolved without needing to make another ajax call.

        dfrd.resolve(abbr, states[abbr]);

    }

    return dfrd.promise();

}

untested

Now all you need to know is how to call getState().

getState(WY).done(function(abbr, state) {

    alert(abbr + ': ' + state);

    //other stuff here

}).fail(function(abbr, message) {

    alert(abbr + ': ' + message);

    //other stuff here

});

As you can see, the value that you wanted getState() to return now appears as the second argument of a .done() function. For good measure, the abbreviation (WY) appears as the first argument.

If you want to handle error conditions (always a good idea), then do so in a .fail() callback.

See comments in code for more clues as to how everything works.