将两个URL传递给AJAX并获得两个div的响应

时间:2014-03-21 09:25:52

标签: html ajax

我正在使用AJAX,我有四个HTML的URL。我想使用AJAX获取这四个URL,并希望动态地将它们加载到四个不同的div中。虽然我已经编写了访问一个网址的代码。代码就在这里......

function load(url) 
{       

    if (window.XMLHttpRequest) {
        try {
            req = new XMLHttpRequest();
        } catch (e) {req = false;}
    } else if (window.ActiveXObject) {
    // For Internet Explorer on Windows
        try {
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                req = false;
            }
        }
    }

    if(req) {
        req.open('GET', url, false);
        req.send(null);         
    }
}
load('<%=request.getScheme()%>://${domain}/car-rental/html/global/${siteLanguage}/terms/PrefMbrGlobalTermsMiddle-text.html');

function display(id) 
{
    var element = document.getElementById(id);
    if (element && req) 
    {
        // Synchronous request, wait till we have it all
        element.innerHTML = req.responseText;
    }
}

我想做同样类型的逻辑来加载四个网址..请帮帮我......

1 个答案:

答案 0 :(得分:0)

我从您的代码中理解的是您用来进行ajax调用的load函数。那么可以将load函数称为:

   load("url1","target-div1");
   load("url2","target-div2");
   load("url3","target-div3");
   load("url4","target-div4");
成功使用AJAX后,在load

设置内容target-div并使用AJAX响应。