Ajax请求在Firebug中被阻止但在Genymotion中有效。为什么?

时间:2014-11-09 17:37:24

标签: ajax cordova cors firebug genymotion

我正在尝试构建我的网站(社交网络)的“应用版本”。 我正在使用PhoneGap + jQuery Mobile(我今天开始学习它们)。

该应用只需要从网站上检索新帖子并将其显示给用户。因此我认为一个简单的Ajax请求可以完成这项工作。 所以,我在服务器上创建了一个php测试文件(URL:http://www.racebooking.net/it/moto/app/get_post_test.php),它简单地回应了Alien contact SUCCESS!

我在localhost(在我的电脑上)创建了一个名为index.html的简单html页面,其中包含一个名为#post-container的div和一个AJAX请求:

var root = "http://www.racebooking.net/it/moto"
$.get(root + "/app/get_post_test.php", function(data){
    $("#posts-container").html(data);
});

如果一切正确,我希望在Alien contact SUCCESS! div中看到post-content。 看起来很奇怪:

  • 如果我使用Genymotion从eclipse运行应用程序,一切正常 我看到了消息Alien contact SUCCESS! - > AJAX请求 很顺利
  • 如果我在firefox上打开index.html文件,我什么都看不到 和FireBug通知我,跨源请求被阻止。 他还告诉我激活CORS。

1)为什么会发生这种情况?如何使FireBug工作(调试更好更快)?

2)我是否遵循了正确的程序或者我错过了什么?

1 个答案:

答案 0 :(得分:0)

我找到了solution from this post

我只需要在我的php文件顶部添加header('Access-Control-Allow-Origin: *');