在magento我用视频代替产品图片,这是一个市场。有四种类型的用户在前端1。卖方2。企业3。业务代理4。网站客户
业务代理-〉业务代理提供所有卖方产品给其他网站,如果通过其他网站购买,他会得到佣金,所以我给和嵌入式代码业务代理,使他们能够实现这一点,其他网站,但当我试图从其他域打 AJAX 显示跨域错误。
Cross-Origin Request Blocked:
The Same Origin Policy disallows reading the remote resource at http://shopahol.com/demo/test.php?atoken=c0Q5QUk1VUgreEk9.
(Reason: CORS header 'Access-Control-Allow-Origin' missing).
为了解决这个问题,我尝试在index.php中添加访问控制允许头
header('Access-Control-Allow-Origin: *');
但问题没有解决相同的错误。然后我已经尝试把crossdomain.xml在我的根文件夹
<!--l version="1.0-->
<!--pan class="hiddenSpellError" pre=-->
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>
它也失败了,同样的问题,任何人都可以有任何解决方案或我做错了什么。
这是我的代码显示视频在别人的网站。(简单的html或php文件)
<!-- html starts -->
<div id="tevid" style="width:100%;">
<video id="homevideo" width="100%" autoplay onended="run()"></video>
<div class="bg-background-new">
<a href="" class="product-name-new" id="product-name">Product Name</a>
<div class="price-new" id="price"></div>
<a href="" id="button1" class="new-button">Buy Now</a>
</div>
</div>
<!-- javascript starts *Remove this script if you already included ajax jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" > </script>
<script>
var video_count =0;
var videoPlayer = document.getElementById("homevideo");
var allproduct = [];
function getvideos(){
$( document ).ready(function() {
$.ajax({
url: "http://shopahol.com/demo/test.php?atoken=c0Q5QUk1VUgreEk9",
type: "GET",
dataType: "json",
success: function(data){ for(var i in data) { allproduct.push(data[i]); } run(); },
error: function() { alert("Error During Process"); }
});
});
}
function run(){
var nextVideo = allproduct[video_count].videourl;
var price = allproduct[video_count].pric;
var name = allproduct[video_count].name;
var url = allproduct[video_count].url;
videoPlayer.src = nextVideo;
videoPlayer.play();
video_count++;
$("#price").html("$ "+price);
$("#product-name").html(name);
$("#product-name").attr("href", url)
$("#button1").attr("href", url)
if(allproduct.length == video_count){ video_count = 0; }
}
$( document ).ready(function() {
getvideos() ;
});
</script>
<!-- css starts -->
<style>
a.new-button {
background: red none repeat scroll 0 0;
border: medium none;
bottom: 0;
color: #fff;
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 10px;
padding: 10px 20px; float: right;
}
.price-new {
color: #000;
display: block;
float: right;
line-height: 35px;
padding: 10px;
}
a.product-name-new {
color: #000;
display: inline-block;
float: right;
line-height: 35px;
margin: 10px 0;
position: relative;
right: 2px;
text-decoration: none;
}
.bg-background-new {
background: transparent none repeat scroll 0 0;
bottom: 65px !important;
display: block;
position: relative;
right: 0 !important;
width: 99%;
}
</style>
在帮助中预先表示感谢
2条答案
按热度按时间6pp0gazn1#
我想出来了,所以我张贴答案为他人的帮助,在同样的情况下,我改变了我 AJAX 功能
它起作用了
2j4z5cfb2#
解决问题:CORS标头,通过向.htaccess或apache/IIS等添加规则(DevOps服务器配置问题)。
例如,在.htaccess中允许所有域:
或foo-domain.com: