StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POParsing Ajax loaded HTML content in IE
primarykey
Id
10345743
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
11
CommunityOwnedDate
CreationDate
2012-04-27T06:23:38.597
FavoriteCount
0
LastActivityDate
2012-04-27T17:58:56.313
LastEditDate
2012-04-27T17:58:56.313
LastEditorUserId
1280997
OwnerUserId
1280997
ParentId
0
PostTypeId
1
Score
1
ViewCount
525
LastEditorDisplayName
text
Body
I have seen similar questions around, but none of them seem to have answers that help my case... Basically, I want to load some HTML in using <code>$.ajax()</code> (Which is on a different domain), and have it parsed into it's own DOM, so I can apply attributes and manipulate HTML in my actual window DOM. <pre><code>$.ajax({ type: 'GET', url: 'http://example.com/index.html', dataType: 'html', crossDomain: true, cache: false, success: function(data) { var src = $('body img', data).first().attr("src"); //also tried: var src = $('body', $(data)).first().attr("src"); $('#someDiv img').attr("src", src); } }); </code></pre> Where an example HTML file is: <pre><code><html> <body> <img src="someurl"></img> </body> </html> </code></pre> It works in Firefox, but not IE, no matter what I try, whenever I try to parse and read, it returns null. Any suggestions? EDIT: It appears there was some ambiguity with my question. The issue is the parsing, not the AJAX. The AJAX returns the html string correctly, but jQuery fails to parse it. EDIT 2: I found a 'solution', but it isn't nearly as nice as I wanted it to be, it chopping and sorting through the HTML string, and extracting data, rather than applying it to a DOM. Seems to run efficiently, as I can predict the order of data. Boiled down, it is something like this: <pre><code>var imgsrcs = new Array(5); var searchItem = '<img src="'; for (var a=0; a<5; a++) { var startLoc = data.search(searchItem) + searchItem.length; for (var i=0; i<data.length; i++) { if (data.charAt(startLoc + i) == '"') break; imgsrcs[a] += data.charAt(startLoc + i); } data = data.substring(startLoc + i, data.length); } $('.image').each(function(i) { $(this).attr("src", imgsrcs[i]); }); </code></pre> Fairly ugly, but I solved my problem, so I thought I may as well post it.
Tags
<javascript><jquery><ajax><internet-explorer>
Title
Parsing Ajax loaded HTML content in IE
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USazz
UserOwnerUserId
1. USazz
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POParsing Ajax loaded HTML content in IE
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.