0

我使用 jQuery 对 500px API 进行了 AJAX 调用：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"/>
<script type="text/javascript">
$(document).ready(function(){
    $('#myButton').click(function() {

        $.ajax({
            url: "https://api.500px.com/v1/photos?feature=editors&page=2&consumer_key=<your-consumer-key>",
            dataType: 'jsonp',
            type: 'GET',
            success: function(result){
                alert("success");
                for(x in result.data){
                    $('#myHtmlList').append('<li><img src="'+result.data[x].image_url+'"></li>');  
                }
            },
            error: function(result){
                alert("Error: "+result);
                console.log(result);
            }
        });

    });
});
</script>

此代码的结果是“错误”警报。如果我在浏览器中复制并粘贴相同的 url，它可以工作并返回带有图像的 json。我不明白为什么 javascript 调用不起作用。

我也不明白为什么如果我对 Instagram API 进行相同的代码调用，例如：

url: 'https://api.instagram.com/v1/users/' + userId + '/media/recent'
dataType: 'jsonp',
type: 'GET',
data: {access_token: <your-access-token>},

有用。

4

0 回答 0