jquery ajax parse response text
ajax, html, javascript, jquery
Solution
You cannot pull in an entire XHTML document. You can only handle tags that exist within the `<body>` of an html document. Frustrating. Strip everything from info.html that isn't within your `<body>` tag and try it again.
There are other potential ways around this issue - check below "Stackoverflow Related Items" at the base of this response.
From the Doc: (http://docs.jquery.com/Core/jQuery#htmlownerDocument)
"HTML string cannot contain elements that are invalid within a div, such as html, head, body, or title elements."
Stackoverflow Related Items:
- Simple jQuery ajax example not finding elements in returned HTML
- What is the best practice for parsing remote content with jQuery?
Problem
Ok this is really frusturating me because I've done this a hundred times before, and this time it isn't working. So I know I'm doing something wrong, I just can't figure it out. I am using the jQuery .get routine to load html from another file. I don't want to use .load() because it always replaces the children of the element I'm loading content into. Here is my .get request: ``` $(document).ready(function() { $.get('info.html', {}, function(html) { // debug code console.log($(html).find('ul').html()); // end debug code }); }); ``` The file 'info.html' is a standard xhtml file with a proper doctype, and the only thing in the body is a series of ul's that I need to access. For some reason, the find function is giving me a null value. In firebug, the GET request is showing the proper RESPONSE text and when I run ``` console.log(html); ``` Instead of the current console.log line, I get the whole info.html as output, like I would expect. Any ideas?