“无法读取未定义的属性‘createDocumentFragment’”

Posted 2023-03-16

【中文标题】“无法读取未定义的属性‘createDocumentFragment’”

【英文标题】："Cannot read property 'createDocumentFragment' of undefined"

【发布时间】：2018-05-06 17:18:09

【问题描述】：

$(document).ready(function()
    $(".item-title a").each(function(index)  
        var yaz = $(this).attr("href");
        $.ajax(
            url: 'https://api-metrica.yandex.com/analytics/v3/data/ga?end-date=today&ids=ga%3A35416355&dimensions=ga:pagePath&metrics=ga:pageviews&filters=ga:pagePath=='+yaz+'&start-date=2015-10-25&oauth_token=AQAAAAAVs-uLAASpEAf-MmJK_kHgpU9Fwv8WArM',
            type: 'get',
            dataType: "jsonp",
            success: function(data)  
                $(this).append(data.rows);
            
        );
    );
);

控制台：未捕获类型错误：无法读取未定义的属性“createDocumentFragment”

什么问题？ 请帮忙。

【问题讨论】：

如果这很重要，不要担心，但你的意思是让pagePath== 有两个等于？

@Intervalia 这是 metrica url 参数

【参考方案1】：

这是因为 success 回调中的 this 上下文。 它没有像您期望的那样指向回调内的jQuery 对象。它将引用当前上下文。

success: function(data)  
    $(this).append(data.rows);;

将this 的上下文保存在success 之外并重复使用。

var cachedThis = this;

$.ajax(
   ...
   success: function(data)  
      $(cachedThis).append(data.rows);;
   
   ...
);

相反，您可以使用bind 方法来锁定上下文。

$.ajax(
   ...
   success: function(data)  
       $(this).append(data.rows);;
   .bind(this)
   ...
);

【讨论】：

打败我！！他也可以把变量 yaz 放在那里 $(yaz).append(data.rows);