Twitter搜索与jQuery和Ajax

目前我的代码是：Twitter搜索与jQuery和Ajax

<!DOCTYPE html> 
<head> 

    <title>Search Tweets</title> 
<style type = "text/css"> 

#tweets{ 
    border: 1px solid red; 
    text-align: center; 
    font-family: cursive; 
} 
#box{ 
    float: left; 
    margin-left: auto; 
    margin-right: auto; 

} 
#btn{ 
    margin-left: auto; 
    margin-right: auto; 
} 
#main{ 
    padding-bottom: 20px; 
} 




</style> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript" charset="utf-8"> 

$(document).ready(function() { 
    $('#submit').click(function() { 
     var params = { 
      q: $('#query').val(), 
      rpp: 10 
     }; 
     searchTwitter(params); 
    }); 

function searchTwitter(query) { 
    $.ajax({ 
     url: 'http://search.twitter.com/search.json?' + jQuery.param(query), 
     dataType: 'jsonp', 
     success: function(data) { 
      var tweets = $('#tweets'); 
      tweets.html(''); 
      for (res in data['results']) { 
       tweets.append('<div>' + data['results'][res]['profile_image_url'] + data['results'][res]['from_user'] + ' Said: <p>' + data['results'][res]['text'] + '</p></div><br />'); 

      } 
     } 
    }); 
    } 
}); 


</script> 

</head> 
<body> 
<div id ="main"> 
    <div id ="box"> 
     <input id="query" type="text" value="" /> 
    </div> 
    <div id ="btn"> 
     <input id="submit" type="button" value="Search" /> 
    </div> 

</div> 
    <div id="tweets">Tweets 

    </div> 
</body> 

</html>

一切正常但是当它临危从资料图片网址它只显示网址，而不是图像本身的代码。我如何让配置文件图像显示而不是只显示代码？

谢谢

来源

2013-04-11 user2158890

这是要停止现在工作的任何时间。这是Twitter的API v1.0的一部分，它已被弃用。他们正在逐一关闭它。您需要切换到API 1.1。 – 2013-04-11 19:51:35

只是包装的图片网址img标签

tweets.append('<div><img src="' + data['results'][res]['profile_image_url'] +'">' + data['results'][res]['from_user'] + ' Said: <p>' + data['results'][res]['text'] + '</p></div><br />');

来源

2013-04-11 17:33:58 Musa

哇，我不相信我忽略了这一点。非常感谢！ – user2158890 2013-04-11 17:41:50

Twitter搜索与jQuery和Ajax

回答

相关问题