I'm working on a CakePHP application, running on IIS, using jQuery to handle AJAX requests.
(As per usual) everything is working fine in Firefox, but in Internet Explorer (7, at least) my AJAX pagination links fail. I click the link and get this message:
This page is accessing information that is not under its control. This poses a security risk. Do you want to continue?
Even if I click Yes, nothing happens. I've installed the ieHTTPHeaders extension and it shows that no XHR request is being sent at all.
The curious thing is that other AJAX requests on the same page work fine.
Here's what the links look like, pretty much:
<a class="display" href="http://mytestserver/myapp/index.php/items/display/4">
View Item 4
</a>
<a class="paginator" href="http://mytestserver/myapp/index.php/items/page:2">
Go to page 2
</a>
And the Javascript:
$('a.display').click(function() {
$('#content').load(this.href);
});
$('a.paginator').click(function() {
$('div.pageArea').load(this.href);
});
I've added alerts in the click handler to make sure that the HREF is what I expect it to be (and it is: same server/domain) - the only difference I can see is that the pagination links have a colon in them. IE wouldn't be treating that as the end of the protocol part of the URL, would it? Would it??
Any ideas?
Update: I just tested it by removing the page:2
part from the URL and it worked in IE... :|