Question

I have code pulling in pieces of content from another page on my domain using the hashtag to target the correct div like so: $('#content').load('http://www.mysite.com/Default.aspx #homeText');

I have to grab 5 different div’s from a single page, and rather than call the $.load() function 5 times, is there a more efficient way that wont require 5 different calls to the same page. I assume there is a way to parse the incoming page, but I’m not sure what the best way would be. Any suggestions?

Answer 1

You can use AJAX in this case.

$.ajax({ 
   url: "http://www.mysite.com/Default.aspx",
   success: function(response){
      var $response = $(response);
      var div1 = $response.find("div1Selector");
      var div2 = $response.find("div2Selector");
      var div3 = $response.find("div3Selector");
      var div4 = $response.find("div4Selector");
      var div5 = $response.find("div5Selector");
   }
});