Question

我正在尝试 从XML文件中提取数据到HTML页面 。

此处的目的是在页面上显示数据。

下面的代码是直接执行错误块并且能够结束执行但是它没有执行成功块，并且它也没有给出任何语法错误。

我也提到了.ajax documentation，以便了解我是否以不正确的方式实施某些内容，但仍然徒劳无功。

网址可能是一个问题，但它基本上没有任何网址，无论是完整的目录路径还是下面的路径。

请建议解决此问题。

$.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，而非对象文字。

尝试使用documentElement中data的{{1}}选择.append() .each()，参数title作为$(this).find('.title').text()返回的字符串

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

成功{}未在.ajax块中执行

1 个答案: