Question

这个脚本正在提取一个img链接，到目前为止工作正常，但我不知道如何将链接作为img返回..有人帮助我！

   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
            var channel_name = 'justsmoki';
            $.ajax({
                url: 'https://api.twitch.tv/kraken/channels/' + channel_name,
                type: 'GET',
                dataType: 'jsonp',
                contentType: 'application/json',
                mimeType: 'application/vnd.twitchtv.v2+json',
                success: function(json_result) {
                    $('#my_stream_logo').html(json_result.logo);
                }
            });
        </script>

<span id="my_stream_logo"></span>

Answer 1

试试这个......

var channel_name = 'justsmoki';
            $.ajax({
                url: 'https://api.twitch.tv/kraken/channels/' + channel_name,
                type: 'GET',
                dataType: 'jsonp',
                contentType: 'application/json',
                mimeType: 'application/vnd.twitchtv.v2+json',
                success: function(json_result) {
                    $('#img').attr("src",json_result.logo);

                }
            });

将span更改为img。

<img id="img" />

这里是fiddle。

Answer 2

在成功回调中，您需要设置元素的html。替换这个......

success: function(json_result) {
  $('#my_stream_logo').html(json_result.logo);
}

有了......

success: function(json_result) {
  $('#my_stream_logo').html("<img src='"+json_result.logo+"'>")
}

Ajax结果作为img？

2 个答案: