Question

62

Uncaught TypeError: Cannot read property 'createDocumentFragment' of undefined

rated 0 times [ 65] [ 3] / answers: 1 / hits: 103032 / 10 Years ago, tue, january 27, 2015, 12:00:00

I am trying to grab a webpage and load into a bootstrap 2.3.2 popover. So far I have:

$.ajax({

  type: POST,

  url: AjaxUpdate/getHtml,

  data: {

    u: 'http://stackoverflow.com'

  },

  dataType: 'html',

  error: function(jqXHR, textStatus, errorThrown) {

    console.log('error');

    console.log(jqXHR, textStatus, errorThrown);

  }

}).done(function(html) {

    console.log(' here is the html ' + html);



    $link = $('<a href=myreference.html data-html=true data-bind=popover' 

            + ' data-content=' + html + '>');

    console.log('$link', $link);

    $(this).html($link);



    // Trigger the popover to open

    $link = $(this).find('a');

    $link.popover(show);

When I activate this code I get the error:

Uncaught TypeError: Cannot read property 'createDocumentFragment' of undefined

What is the problem here and how can I fix it?

jsfiddle

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

agustindejonm

Add To Favorites

Follow

Total Points: 738

Total Questions: 84

Total Answers: 84

Location: Northern Ireland

Member since Mon, Nov 14, 2022

2 Years ago

agustindejonm questions

1 Discord.js how to fetch message by content

Fri, Jun 25, 21, 00:00, 3 Years ago

1 Can't acess variable outside forEach loop JavaScript

Fri, Sep 18, 20, 00:00, 4 Years ago

1 Security warning in the console of BrowserWindow (electron ^9.2.0)

Sat, Aug 15, 20, 00:00, 4 Years ago

1 Filter array of objects based on the input passed: Javascript

Wed, Jul 15, 20, 00:00, 4 Years ago

1 how to refresh component in react js

Sat, May 16, 20, 00:00, 4 Years ago

View All

answered 10 Years ago leighm · Accepted Answer

The reason for the error is the $(this).html($link); in your .done() callback.

this in the callback refers to the [...]object that represents the ajax settings used in the call ($.ajaxSettings merged with the settings passed to $.ajax)[...] and not to the $(.btn.btn-navbar) (Or whatever you expect where it should refer to).

The error is thrown because jQuery will internally call .createDocumentFragment() on the ownerDocument of object you pass with this when you execute $(this).html($link); but in your code the this is not a DOMElement, and does not have a ownerDocument. Because of that ownerDocument is undefined and thats the reason why createDocumentFragment is called on undefined.

You either need to use the context option for your ajax request. Or you need to save a reference to the DOMElement you want to change in a variable that you can access in the callback.