我尝试使用http://steamcommunity.com/inventory/XXXXXXXXXX/753/6
来获取JSON项目。
我无法将网址放入$.getJson
,因为存在CORS « Access-Control-Allow-Origin »
错误。
如果我不想允许CORS,我该如何绕过它
我在某处读到可以使用PHP file_get_contents
来重定向json文件。
Steamcommunity不适用于JSONP
var exercice = {
modules: {}
};
exercice.modules.ajax = (function () {
return {
recupererJson: function () {
initial= $.getJSON('proxy.php',function(data){
})
initial.done(function(donnes){
var i = 0;
$.each(donnes.descriptions,function(key,value){
$('tbody').append("<tr>");
$('tbody').append("<td>"+value.name+"</td>");
$('tbody').append("<td><img src=http://cdn.steamcommunity.com/economy/image/"+value.icon_url+" alt ="+value.name+"/></td>");
$('tbody').append("</tr>");
});
});
},
init: function () {
exercice.modules.ajax.recupererJson();
}
}})();
$(document).ready(function () {
exercice.modules.ajax.init();
});
有人可以帮助我吗?
答案 0 :(得分:1)
如果php.ini
有allow_url_fopen=1
(http://php.net/manual/en/filesystem.configuration.php),默认情况下应该这样,那么你可以制作这样一个php文件:
<?php echo file_get_contents('http://steamcommunity.com/inventory/76561198033103987/753/6');
或
<?php readfile('http://steamcommunity.com/inventory/76561198033103987/753/6');
否则,如果它被禁用且您无法访问php.ini,但您启用了CURL扩展,那么您可以这样做:
<?php
$ch = curl_init();
curl_setopt($ch, 'http://steamcommunity.com/inventory/76561198033103987/753/6');
curl_setopt($ch, CURLOPT_HEADER, 0);
echo curl_exec($ch);
curl_close($ch);
请参阅http://php.net/manual/en/function.curl-init.php
编辑:在我看来,我的代码只有一个问题:
initial= $.getJSON('proxy.php',function(data){
应该是
initial= $.getJSON('http://example.com/proxy.php',function(data){
您应该使用完整的网址。
EDIT2:我尝试了这段代码,它对我来说很好。
http://127.0.0.1/test.html
:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
var exercice = {
modules: {}
};
exercice.modules.ajax = (function () {
return {
recupererJson: function () {
initial= $.getJSON('http://127.0.0.1/proxy.php',function(data){
})
initial.done(function(donnes){
var i = 0;
$.each(donnes.descriptions,function(key,value){
$('tbody').append("<tr>");
$('tbody').append("<td>"+value.name+"</td>");
$('tbody').append("<td><img src=http://cdn.steamcommunity.com/economy/image/"+value.icon_url+" alt ="+value.name+"/></td>");
$('tbody').append("</tr>");
});
});
},
init: function () {
exercice.modules.ajax.recupererJson();
}
}})();
$(document).ready(function () {
exercice.modules.ajax.init();
});
</script>
</head>
<body>
<table>
<tbody>
</tbody>
</table>
</body>
</html>
http://127.0.0.1/proxy.php
:
<?php
header("Content-Type: application/json; charset=utf-8");
header("Access-Control-Allow-Origin: *");
readfile('http://steamcommunity.com/inventory/76561198033103987/753/6');
我添加了Content-Type
标头,以便proxy.php形成更友好的浏览器。如果您使用文件URI Access-Control-Allow-Origin: *
打开test.html,file:///C:/www/test.html
标头也应阻止CORS阻止ajax请求。