将外部内容加载到本地主机上的服务器中

Question

我正在尝试创建一个动态加载内容的 Web 应用程序。当我这样做时，我当然想在本地进行开发，即本地主机。一些“功能”是表单，并且在发布该表单时从服务器发送电子邮件。因为我想访问服务器的电子邮件功能，所以我将该特定页面链接到服务器。但问题是没有加载。

在我下面的脚本中它可以工作，但是如果我更改注释以便我指向 iandapp.com，那么我只会得到空字符串。这是完全相同的页面，只是将其复制到服务器。

$("#support").click(function () {
    if(support_page==null){
       //$("#section2").load("http://www.iandapp.com/smic/subscription_2.php", function(data) {
       $("#section2").load("subscription_2.php", function(data) {
           support_page = data;
       });
    } 

该脚本位于主页 (index.html) 中，内容应加载到 id="section2" 的 div 中。

我知道 (support_page==null) 是真的，因为我在它停止的地方有一个断点。

请让我知道问题是什么以及如何解决它。我已经花了好几个小时试图让它发挥作用。

提前致谢！

Answer 1

谷歌关于

跨域ajax请求

。这在浏览器级别被禁用。客户端和服务器端都有一些方法可以避免这种情况。

Answer 2

这可能与跨域请求有关。您可以使用我认为的“黑客”， http:// /james.padolsey.com/javascript/cross-domain-requests-with-jquery/，但在我看来，这不值得。

您是否考虑过通过 SMTP 服务器发送？如果是这样，那么文件（发送邮件）位于本地就没有问题。

Answer 3

那么在服务器的 http 响应上添加适当的标头以允许跨域怎么样？

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

Answer 4

使用 .getJSON() 而不是 .load()，这个 方法支持跨域请求。您需要确保您的 PHP 脚本执行如下操作：

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

jQuery 会将类似 ?callback=callback0234 的内容附加到请求 url，因为它希望您在脚本执行时“调用”回调函数返回。因此脚本的输出可能类似于：

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