0

通过使用“AJAX”，我们可以加载我们的文件，如 xml/json。但是有没有可能使用 AJAX 或 get 一次加载两个 xml。

阿贾克斯：

$.ajax({
        url: 'test.xml',
        type: "get",
        context: this,
        success: function (data) {
            alert("success");
        },
        error: function () {
            alert("failure");
        }
    });

提前致谢。

4

2 回答 2

2

介绍

它可以轻松完成，jQuery甚至提供可以帮助您快速完成此操作的方法。基本上，您需要的只是链接几个 ajax 调用并$.when在它们完成后处理它们。

例子

工作示例：http: //jsfiddle.net/Gajotres/qNJS8/

在此示例中，您可以看到 3 个使用$.ajax函数的不同调用。还有一个警告，因为jsFiddle不支持获取 xml 的 ajax 调用，所有检索到的数据都是虚拟数据，您只需将其替换为适当的URL.

Javascript：

$(document).on('pagebeforeshow', '[data-role="page"]',function(e,data){  
    // Multiple Ajax Requests 
    $.when( 
        parseXML({xml: "<cars><car><name>TOYOTA</name><country>JAPAN</country><pic>http://1call.ms/Websites/schwartz2012/images/toyota-rav4.jpg</pic><description>Toyota has announced that it will recall a total of 778,000 units that may have been manufactured with improperly-tightened nuts on the rear suspension.</description></car></cars>"}) , 
        parseXML({xml: "<cars><car><name>RENAULT</name><country>FRANCE</country><pic>http://cdn2.carsdata.net/thumb/182x105/pics/Renault/renault-sandero-16-stepway-01.jpg</pic><description>Renault Sandero 16 Stepway - this car is manufactured by renault. Renault Sandero 16 Stepway - Get car information and expert advice from CarsData.</description></car></cars>"}) , 
        parseXML({xml: "<cars><car><name>AUDI</name><country>GERMANY</country><pic>http://img2.netcarshow.com/Audi-RS6_Avant_2014_800x600_wallpaper_06.jpg</pic><description>The new Audi RS6 Avant unites 412 kW (560 hp) of power and 700 Nm (516.29 lb-ft) of torque with unrestricted practicality for everyday use and leisure.</description></car></cars>"})
    ).done(
        function(data1, data2, data3)
        {
            var allData = [].concat(data1).concat(data2).concat(data3);
            $(allData).find("car").each(function(){
                $('#cars-data').append('<li><a href="#cars"><img src="' + $(this).find('pic').text() + '" title="sample" height="100%" width="100%"/><h3>Car type:<span> '+ $(this).find('name').text() +'</span></h3><p>' + $(this).find('description').text() + '</p></a></li>'); 
            })
            $('#cars-data').listview('refresh');            
        }
    ).fail(
        function()
        {
            alert('Fail');  
        }
    );

    function parseXML(data)
    {
        return $.ajax({
            type: "POST",
            url: "/echo/xml/",
            dataType: "xml",
            data: data,
            success: function(data) {}
        });
    }   
});

解释

基本上要了解这一点，您只需要了解方法即可$.when。它接受多个函数一个参数并提供done和fail回调。如果我们正在读取相同类型的数据，我们可以使用concat函数将所有内容合并在一起。之后，对这些数据做任何你想做的事情。

于 2013-05-24T09:24:38.977 回答
0

是的，您可以只启动两个 ajax 请求：

$.ajax({
    url: 'test.xml',
    type: "get",
    context: this,
    success: function (data) {
        alert("success");
    },
    error: function () {
        alert("failure");
    }
});
$.ajax({
    url: 'test2.xml',
    type: "get",
    context: this,
    success: function (data) {
        alert("success");
    },
    error: function () {
        alert("failure");
    }
});

请参阅问题jQuery：同时发出 ajax 请求，这可能吗？如果您想了解更多信息

答案摘录：

“您想要异步（这是默认设置）。浏览器在任何给定时间将您限制为两个请求。这是 HTTP 规范的一部分。（HTTP 1.1 规范，第 8.1.4 节）”

于 2013-05-24T04:57:33.960 回答