我似乎无法为动态内容加载生成内容

Question

我正在使用wordpress和php以及ajax在我们的主页上创建随机加载的客户评论

function loadContent() {
  $.ajax({
    type: "GET",
    url: 'http://skillsetsonline.ssosv.com/contentLoader.php',
    data: {
      company: 1
    },
    success: function(data) {
      alert(data);
      var currReview = document.getElementById('reviewRand');
      currReview.innerHTML = data;
    }
  });
}
setTimeout(loadContent, 10000); // milliseconds, so 10 seconds = 10000ms

<div id="reviewRand" class="elementToFadeInAndOut" style="font-color:#FFF;">Hi how are you</div>

我将ajax命令粘贴到stackoverflow发布中,这是一个已接受的答案,但可能没有完全正确,这不包括我使用的淡化CSS代码但是工作我只需要更改内容.目前"你好,你好吗"每10秒就消失一次.我用这个ajax命令还没有学到的一件事是

数据:{公司:1}

我知道它只是将&company = 1传递给GET URL但在我的情况下我不需要发送任何东西,因为如果它被发送它不应该破坏任何东西我单凭它不确定是否

数据:{}

工作和更清洁我已经验证所使用的网址确实获得了这样格式的随机评论

I love this program.blah blah.<br>
A USER<br>
A location<br>
June 2016<br>

每行都通过类标记在CSS中格式化

任何想法将不胜感激

Answer 1

由于您要向其发出AJAX请求的域位于不同的域/源,因此您运行的域是CORS问题.默认情况下,客户端将不允许您使用来自与发出请求的站点不同的源上提供的AJAX请求中的数据来更新页面.您可以在此处阅读有关进行CORS更改的信息https://enable-cors.org/

解决此问题的常见方法是通过JSONP提供响应.http://skillsetsonline.ssosv.com/contentLoader.php如果您有权更改该文件,则可以在脚本中执行此操作.还有第三方网站会为您请求该URL并创建一个通过JSONP提供响应的代理,然后您可以在您的网站上使用它.

这是在https://crossorigin.me上使用JSONP代理的示例

function loadContent() {
  $.ajax({
    type: "GET",
    url: 'https://crossorigin.me/http://skillsetsonline.ssosv.com/contentLoader.php',
    success: function(data) {
      var currReview = document.getElementById('reviewRand');
      currReview.classList.add('ready');
      currReview.innerHTML = data;
    }
  });
}

setTimeout(loadContent, 0); /* changed this for the demo */

#reviewRand:not(.ready) {
    text-align: center;
}   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="reviewRand"><img src="http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif"></div>