我为这个潜在的模糊标题道歉,但我希望这个问题能够澄清为什么我这么称呼它。
我从UI设计/ dev进入了webdev,所以我发现编程和设计方面相当容易处理。但是,我不习惯使用三/四种不同的语言,并且有相当多的重叠来完成一件事。
在这种情况下,我编写了一个PHP脚本来从$ x用户中提取最新的$ n推文。目前我正在通过jQuery加载Twitter PHP,用PHP编写推文的HTML,在PHP中回显,然后将其放入jQuery的回调函数中的时间轴元素中。
这样做的方式看起来有点hacky?我只是希望有人能指出我的另一种方式,或者至少可以解决我对这种方法的担忧。
这是一些代码:
HTML:
<section id="twitterContainer">
<section id="glitchTimeline" class="timeline">
<!--Twitter articles go here-->
</section>
</section>
使用Javascript:
function getTweets(n,user)
{
//This is run when the page is loaded
//Will be changing this to an ajax call later, aware that it's a bit silly as is.
$('<article class="twitterPost">').load("http://xxxxxxxxx.com/php/index.php?user="+user+"&count="+n, function(data){
$(this).appendTo("#glitchTimeline");
});
}
PHP: (一旦twitter API的内容回来,就会调用它)
function craftTweet($jsonStr)
{
$json = json_decode($jsonStr);
for($i = 0; $i<count($json); $i++)
{
echo '<img class="twitterAvatar" src=' . $json[$i]->user->profile_image_url .' alt=' . $json[$i]->user->screen_name .' width="48">';
echo '<div class="tweetText">';
echo ' <b>' . $json[$i]->user->screen_name .'</b><span>@' . $json[$i]->user->screen_name . '</span><span> </span>';
echo ' <p>' . $json[$i]->text . '</p>';
echo ' <a href="https://twitter.com/intent/favorite?tweet_id=' . $json[$i]->id . '"><img class="twitterIconFav" src="img/utils/transBackground.png"></a>';
echo ' <a href="https://twitter.com/intent/retweet?tweet_id=' . $json[$i]->id . '"><img class="twitterIconRetweet" src="img/utils/transBackground.png"></a>';
echo ' <a href="https://twitter.com/intent/tweet?in_reply_to=' . $json[$i]->id . '" target="_blank"><img class="twitterIconReply" src="img/utils/transBackground.png"></a>';
echo ' <div class="clearfix"> </div>';
echo '</div>';
}
}