JsonBird 示例

by Bruce Lee

HTML

要跨域的JSON接口：
<input type="text" style="padding:5px;width:100%;" id='url' value="http://bing.com/HPImageArchive.aspx?format=js&idx=16&n=1">
<input type="button" id="load" value="ajax请求json数据">
<pre class="content"></pre>
<script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

JavaScript

$(function(){
  $(document).on('click','#load',function(){
    var url = $('#url').val();
    $.get('https://bird.ioliu.cn/v1/?url=' + url,function(data){
        //请求回来的数据直接是json对象
        console.log(data)
        $('.content').text(JSON.stringify(data,'',4));
        //如果是bing接口，则加载一个图片
        if(/bing\.com/.test(url)) {
          alert(data.images[0].url);
          $('<img src="'+data.images[0].url+'">').appendTo($('body'))
        }
    },'json');
  });
});