将https页面加载到jquery对话框中，该对话框位于http页面上，没有混合内容警告

Question

The scenerio is as follows:

I have a simple jquery function which loads in a URL (the file to be loaded is located in the same directory as the file that it is being called from).

ie I am on http://www.example.com/page1.php

Within this page, I am calling a dialog that points to https://www.example.com/page2.php.

Code follows:

 $d("body").on('click','.myLink',function(){
  var url = $d(this).attr('href');
        $d("#mydialog").load(url).dialog('open');         
        return false;
    });

I get this error: XMLHttpRequest cannot load https://www.example.com/page2.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.example.com/page1.php' is therefore not allowed access.

NOTE - that the code is on the same domain in the same directory. I am not calling the script from an external domain.

How can I overcome this error?

Thanks very much in advance.