0

我在设置带有多个 ajax 请求函数调用的标记变量时遇到问题。函数个数不知道，但在这个例子中我做了2个并将它们放在同一个js文件中。我试图循环未知数量的函数并在响应中附加一个标记变量。

但是，在函数结束之前，ajax 请求还没有完成。在继续之前，如何确保从 ajax 得到响应？

getMarkup() 将在 document.ready 上运行

function getMarkup(){
    var news = [];
    news.push('loadnews1');
    news.push('loadnews2');
    len = news.length;
    var markup;

    for(i=0; i<len; i++){
        try{
           markup = eval(news[i] + '();');
        }catch(ex){

       }
    }
    console.log(markup);
}

function loadnews1(){

    var host = 'http://test.com';
    var path = '/ajax-feeds/news/json1';
    var markup = "";

    $.ajax({
        url: host + path,
        dataType: "json",
        async: true,
        success: function(data) {
            $.each( data, function( key, value ) {
                markup += '<div id="new-row-'+key+'" class="news-row">' +
                 '<div class="news-row-spotlight-image"><img src="'+value.picture+'"></div>' +
                 '<div class="news-row-spotlight-title">'+value.title+'</div>' +
                 '<div class="news-row-title">'+value.subtitle+'</div>' +
                 '<div class="news-row-spotlight-teaser">'+value.body+'</div>' +
                 '<div class="news-row-spotlight-link"><a href="http://test.com/'+value.nid+'">More Link</a></div></div>';
            });
            return markup;
        }
    });

}

function loadnews2(){

    var host = 'http://test.com';
    var path = '/ajax-feeds/news/json2';
    var markup = "";

    $.ajax({
        url: host + path,
        dataType: "json",
        async: true,
        success: function(data) {
            $.each( data, function( key, value ) {
                markup += '<div id="new-row-'+key+'" class="news-row">' +
                 '<div class="news-row-spotlight-image"><img src="'+value.picture+'"></div>' +
                 '<div class="news-row-spotlight-title">'+value.title+'</div>' +
                 '<div class="news-row-title">'+value.subtitle+'</div>' +
                 '<div class="news-row-spotlight-teaser">'+value.body+'</div>' +
                 '<div class="news-row-spotlight-link"><a href="http://test.com/'+value.nid+'">More Link</a></div></div>';
            });
            return markup;
        }
    });

}
4

0 回答 0