Error: HIERARCHY_REQUEST_ERR: DOM Exception 3

jquery google-chrome-extension domexception
ridermansb picture ridermansb · Jan 10, 2012 · Viewed 8.6k times · Source

I'm trying to develop an app for Google Chrome: Packaged Apps

In my apolicação, use the command $.get to retrieve an HTML page and insert it into the current page:

Page HTML

<body>
    <div id="wrap"></div>
</body>

Script

$.get(url, function(html) {
    $("#wrap").html(html);
});

The error occurs on the line: $("#wrap").html(html);

Attempts

Searching the internet, I found this question here on stackoverflow, but this did not help me much.

Another detail is that this example is not a Chrome Web App. This same example, works perfectly posted on the Internet at: http://ridermansb.kodingen.com/

Answer

andyb picture andyb · Jan 13, 2012

If your response is HTML, try specifying the dataType in the $.get() like so:

$.get(url, function(html) {
    $("#wrap").html(html);
}, 'html');

I just had exactly the same problem attaching the response from a jQuery $.post(). The response is HTML but jQuery could not (for whatever reason) correctly determine the data type.

Related questions

Is there a JavaScript / jQuery DOM change listener?

Essentially I want to have a script execute when the contents of a DIV change. Since the scripts are separate (content script in the Chrome extension & webpage script), I need a way simply observe changes in DOM state. I …

Read More
How to wait until an element exists?

I'm working on an Extension in Chrome, and I'm wondering: what's the best way to find out when an element comes into existence? Using plain javascript, with an interval that checks until an element exists, or does jQuery have some …

Read More
How to use jQuery in chrome extension?

I am writing a chrome extension. And I want to use jQuery in my extension. I am not using any background page, just a background script. Here are my files : manifest.json { "manifest_version": 2, "name": "Extension name", "description": "This extension …

Read More