2013-04-26 80 views
1

这里是我的确切_Layout.cshtmlASP.NET MVC4和jQuery的 - Twitter的饲料脚本不工作

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <title>@ViewBag.Title</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/Scripts/Tweets.js") 
    @RenderSection("Scripts",false) 
    <script type="text/javascript" src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js"></script> 
    <script src="../../Scripts/Tweets.js" type="text/javascript"></script> 
</head> 
<body> 
    @{ 
     if (ViewBag.IsAdmin ?? false) 
     { 
      <div class="controlPanel"> 
       <a href="@Href("~/Post/Edit")">New Post</a> 

      @Html.ActionLink("Sign Out", "DeAuth", "Account") 
      </div> 
     } 
     else 
     { 
      <div class="controlPanel"> 
       @Html.ActionLink("Log In", "Login", "Account") 
      </div> 
     } 
    } 
    <header> 
     <a href="@Href("~/")"><img src="@Href("~/Content/Images/gizmologo.png")" alt="Gizmo | Blog Solutions" title="Gizmo | Blog Solutions"/></a> 
    </header> 
    <section> 
     <div id="topSep" class="sep"></div> 
     <aside> 
      <img id="picture" width="100" height="100" src="@Href("~/Content/Images/dsykes.jpg")" alt="Picture" title=":P" /> 
      <div id="twitterHeader"><a href="https://twitter.com/Sage0f_Lyricism">D.Sykes on Twitter</a></div> 
      <div id="tweets"> 



      </div> 
      <div id="feedLink"><a href="@Href("~/Post/RSS")">RSS Feed</a></div> 
     </aside> 
     <div id="main"> 
      @RenderBody() 
     </div> 

     <div id="bottomSep" class="sep"></div> 
    </section> 

    <footer> 
     <div id="copyright">Copyright &copy; 2013, Gizmo Bloging</div>  
    </footer> 


</body> 
</html> 

这里是Tweets.js的脚本不会加载...

$(document).ready(function() { 
    //$.getJSON("https://twitter.com/statuses/user_timeline.json?screen_name=ninanet&count=5&callback=?", // this is the OLD Twitter json call! 
    $.getJSON("https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=ninanet&count=5&callback=?", 
    function (data) { 
     $.each(data, function (i, item) { 
      ct = item.text; 
      mytime = item.created_at; 
      var strtime = mytime.replace(/(\+\S+) (.*)/, '$2 $1') 
      var mydate = new Date(Date.parse(strtime)).toLocaleDateString(); 
      var mytime = new Date(Date.parse(strtime)).toLocaleTimeString(); 

      $("#tweets").append('<div>' + ct + " <small><i>(" + mydate + " at " + mytime + ")</i></small></div>"); 
     }); 
    }); 

}); 

我不知道可能是什么问题,我的jquery被正确初始化,脚本也是如此,但我没有得到任何东西。有人可以请求帮助!?

回答

1

工作演示:http://jsfiddle.net/JTrs7/

酷,如果你试图获取数据跨域尝试使用JSONP

帮助链接:(JSONP vs JSON

希望它符合您的需求:)

示例代码

$(document).ready(function() { 

    var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=Twitter&include_rts=1&count=5&jsoncallback="; 

    $.ajax({ 
     dataType: 'jsonp', 
     url: k, 
     success: function (data) { 
      console.log(data); 
      $.each(data, function (i, item) { 
       $("#tweetFeed").append("<div class='tweetCloud'><div id='tweetArrow'></div><div id='tweetText'>" + item.text + "</div></div>"); 
      }) 
     } 
    }); 
}); 
+0

我试图用,但它没有工作,要么,我检查的JavaScript控制台它说“$没有定义”我不知道这是什么意思 – 2013-04-26 03:15:08

+1

A实际上,那已经开始了! Awesooome – 2013-04-26 03:17:20

+0

@DezmenCeoSykes LOL':))'很高兴帮助!不要忘记接受答案!回头见! – 2013-04-26 03:23:26