Question

I have been researching for the last two hours, and have found nothing.

Basically, I am using AJAX to load the page: “/API/images.vif”
/API/images.vif’s source:

<div id="recommended_images">This will appear in the featured images box.</div>
<div id="latest_images">This will appear in the latest images box.</div>

With ajax, I want to load the above code, and get the contents of “recommended_images” – is this possible? It’s coming from a different domain, my other website, so I was thinking it wouldn’t work due to security.

Answer 1

Assuming you get the security issue worked out, you have jQuery, and the contents of /API/images.vif have been saved to a variable named “result”, you could do:

var $temp = $('<div></div>').append($(result));
var contents = $("#recommended_images", $temp).html();

The value of the “contents” variable will then contain any html in the recommended_images div.