jQuery如果找不到xml文件，如何读取另一个xml文件

Question

$(document).ready(function()
{
    $.ajax({
    mtype: 'GET',
    url: '2.xml',
    dataType: 'xml',

    success: function(parseXml)
    {
        $('#title').append("City : " + $(parseXml).find("location").attr('city'));
        $('#lastupdate').append("Last Updated On : " + $(parseXml).find("lastBuildDate").text());

        var eday = new Array('#11','#12','#13','#14','#15');
        var eimg = new Array('#16','#17','#18','#19','#20');
        var emax = new Array('#21','#22','#23','#24','#25');
        var emin = new Array('#26','#27','#28','#29','#30');
        var erep = new Array('#31','#32','#33','#34','#35');
        var i = 0;

        $(parseXml).find('forecast').each(function()
        {
            $(eday[i]).append($(this).attr('day'));
            $(eimg[i]).append("<img src='img/" + $(this).attr('code') + ".png' style='width:40%;height:100%'/>");
            $(emax[i]).append($(this).attr('high'));
            $(emin[i]).append($(this).attr('low'));
            $(erep[i]).append($(this).attr('text'));
            i++;
        });

    }
  });
});

im reading 2.xml file using jquery. now i want if file 2.xml not found file i want to read 1.xml file. how to achieve that. any suggestion

Answer 1

Try something like

$(document).ready(function () {
    load(['2.xml', '1.xml'])

    function load(urls) {
        if (!urls.length) {
            return;
        }
        $.ajax({
            mtype: 'GET',
            url: urls.shift(),
            dataType: 'xml',
            success: function (parseXml) {
                $('#title').append("City : " + $(parseXml).find("location").attr('city'));
                $('#lastupdate').append("Last Updated On : " + $(parseXml).find("lastBuildDate").text());

                var eday = new Array('#11', '#12', '#13', '#14', '#15');
                var eimg = new Array('#16', '#17', '#18', '#19', '#20');
                var emax = new Array('#21', '#22', '#23', '#24', '#25');
                var emin = new Array('#26', '#27', '#28', '#29', '#30');
                var erep = new Array('#31', '#32', '#33', '#34', '#35');
                var i = 0;

                $(parseXml).find('forecast').each(function () {
                    $(eday[i]).append($(this).attr('day'));
                    $(eimg[i]).append("<img src='img/" + $(this).attr('code') + ".png' style='width:40%;height:100%'/>");
                    $(emax[i]).append($(this).attr('high'));
                    $(emin[i]).append($(this).attr('low'));
                    $(erep[i]).append($(this).attr('text'));
                    i++;
                });

            },
            error: function (req) {
                if (req.status == 404) {
                    load(urls);
                }
            }
        });
    }
});

it will load the next item in the array if the current url throws an 404(not found) error

Demo: Fiddle