微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我正在使用wordpressPHP以及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中格式化

任何想法将不胜感激

解决方法

由于您要向其发出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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐