Question

I’m looking for a way to access the Query String of a page that has been loaded into a div, through jquery or javascript.

The reason is that I need to modify how the page calls a function based on whether a parameter has been loaded into the page or not.

I’ve tried this inside the page that has been loaded into the div

var fileIDPresent = false;
var url = this.window.location.href;
alert(url);
if (url.indexOf('?' + 'FileID' + '=') != -1)
   fileIDPresent = true;
else if (url.indexOf('&' + 'FileID' + '=') != -1)
   fileIDPresent = true;

The page is loaded into the div through the following code:

 $('#loadedContentHolder').load('/ViewDetails.aspx?FileID=' + File, function () {
                // load finished...
                $('#loadedContentHolder').slideDown('slow');
            });

Answer 1

The URL is lost when you inject the code into the DIV. You need to save the URL to the div node somehow.

You could do this:

var url = '/ViewDetails.aspx?FileID=' + File;
$('#loadedContentHolder').load(url, function () {
  // load finished...
  $('#loadedContentHolder').data('url', url).slideDown('slow');
});

Next time you want to know what URL was used you can fetch the url like this:

var url = $('#loadedContentHolder').data('url');

This will return the URL that was used and you can use that url to extract the params:

var params = getUrlParams(url);

function getUrlParams(url) {
  var vars = [], hash
      ,hashes = url.indexOf('?') + 1).split('&');

  for (var i = 0; i < hashes.length; i++) {
    hash = hashes[i].split('=');
    if (hash.length === 2) {
        vars.push(hash[0]);
        vars[hash[0]] = unescape(hash[1]);
    }
  }
  return vars;
}