成功{}未在.ajax塊中執行

Question

我正在嘗試將數據從XML文件提取到HTML頁面。

這裏的目的是將數據顯示在頁面上。

下面的代碼直接執行錯誤塊，能夠結束執行但不執行成功塊，也不會給出任何語法錯誤。

我也參考了.ajax documentation以便看看我是否以不正確的方式實施某些事情，但仍然徒勞無功。

該url可能是一個問題，但它基本上不採取任何網址，無論是完整的目錄路徑或下面的一個。

請給出一個解決方案。

$.ajax({ 
    url: "../assets/xml/blog.xml", 
    dataType: "xml", 
    //data: (title, title), 
    type: 'GET', 
    success: function(data){ 
     console.log(data); 
     $(data).find('.item').each(function(){ 
     var title = $(this).find('.title').text(); 
    }); 
     $('.blog').append({ 
      text: title 
     });  
    }, 
    error: function(data){ 
     $('.blog').text('No Blogs Found!'); 
    }, 
    //complete: function(data){ 
    // $('.blog').text('All blogs are here!') 
    //} 
}); 

Answer 1

錯誤可能是在

$(data).find('.item').each(function(){ 
    var title = $(this).find('.title').text(); 
}); 

$('.blog').append({ 
    text: title 
}); 

其中data是document，xml文檔的不根元素; title沒有出現在.each()以外的定義; .append()需要String或Function，而不是對象字面量。

嘗試從返回data使用.append()內.each()與參數title選擇documentElement作爲字符串由$(this).find('.title').text()

$(data.documentElement).find('.item').each(function(){ 
    var title = $(this).find('.title').text(); 
    $('.blog').append(title); 
});