Loading external content into server on localhost

I am trying to create a web application that loads content dynamically. When I do this, of course I want to do the development locally, i.e. localhost. Some of the "functionality" is a form and when posting that form an e-mail is sent from the server. Because I want to access the servers e-mail functionality, I am linking that specific page to the server. But the problem is that it is not loaded.

In my script below it works, but if I change the comments so I am pointing to iandapp.com, than I just get empty string. It's exactly the same page, just copied it to the server.

$("#support").click(function () {
    if(support_page==null){
       //$("#section2").load("http://www.iandapp.com/smic/subscription_2.php", functio开发者_开发知识库n(data) {
       $("#section2").load("subscription_2.php", function(data) {
           support_page = data;
       });
    } 

The script is located inte the main page (index.html) and content should be loaded into a div with id="section2".

I know that (support_page==null) is true because I have a break point inside where it stops.

Please let me know what the probelm is and how I can fix it. I have been going on for hours trying to get this working.

Thanks in advance!

google about

cross domain ajax requests

. This is disabled in the browser level. There are ways to circumvent this, both client side and server side.

It probably has something to do with it being a cross-domain request. You could use what I consider to be a "hack", http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/, but I.M.O. it's not worth it.

Have you considered sending through an SMTP server instead? If so, you'd have no problem with the file (sending the mail) being local.

And what about adding proper headers on server's http response to allow crossdomain ?

Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: *
Access-Control-Origin: *

Use .getJSON() instead of .load(), this method supports cross-domain requests. You'll need to make sure your PHP script does something like the following:

echo $_GET['callback'] . '(' . json_encode($results) . ')';

jQuery will append something like ?callback=callback0234 to the request url because it wants you to 'call' the callback function when your script returns. So the output of your script may look something like:

callback0234('mydata': '<p>This is my data</p>')