Fetch twitter News sử dụng jQuery twitter API plugin

Fetch twitter News sử dụng jQuery twitter API plugin

jQuery Twitter là thư viện javascript giúp chúng ta dễ dàng get thông tin twitter new sử dụng Jquery syntax.

Chúng ta có thể tải thư viện mới nhất tại đây:

http://plugins.jquery.com/project/jtwitter

Get Started!

Ở đây mình sẽ sử dụng Twitter library để get twitter news sử dụng asp.net, sau khi download library về mình add master page:


    <script src="<%=Page.ResolveUrl("~/Scripts/jquery-1.4.1.js")%>" type="text/javascript" />

    <script src="<%=Page.ResolveUrl("~/Scripts/jquery.jtwitter.js")%>" type="text/javascript" />

Sau đó mình sẽ tạo 1 tag div với id=post để load data trả về:


    <script language="javascript" type="text/javascript">
 
        function parseTwitterDate(text) {

            var newtext = text.replace(/(\+\S+) (.*)/, "$2 $1")

            var date = new Date(Date.parse(newtext)).toLocaleDateString();

            var date_time = date.split(',');

            var time = new Date(Date.parse(newtext)).toLocaleTimeString();

            return date_time[1] + date_time[2] + ', ' + time;

        }

 

        $(document).ready(function () {

            $.jTwitter('quachnguyen', 10, function (data) {

                $('#posts').empty(); $.each(data, function (i, post) {

                    $('#posts').append('<div class="post">' +

                    '<div class="date">'

                    + parseTwitterDate(post.created_at) + ' via ' + post.source + 

                    '</div>' +

                    ' <div class="txt">'

                        + post.text +

                    ' </div>' + '</div>');

                });

            });

        });

    </script>

Đoạn code script trên dùng để load twitter news vào div post, hàm jTwitter nhận vào 3 tham số: tên user cần fetch, số lượng bài post được fetch, và callback function

Hope this help