ajax를 사용하여 트위터 검색 피드를 동적으로 검색합니다.

Question

오래 전 JSON을 사용하여 트위터와 페이스 북에서 해시 태그 피드를 얻었습니다. 하지만 현재 피드를 가져올 수는 있지만 피드가 동적으로 업데이트되지 않는다는 것을 의미합니다. 나는 그것을 ajaxify해야한다고 생각하지만, 나는 아약스를 알지 못하기 때문에 그렇게 할 수 없다. 트위터 검색 피드를 얻는 데 사용한 코드는 다음과 같습니다.

$(document).ready(function() 
    {  
    $("#Enter").click(function(event){ 
var searchTerm = $("#search").val() ; 

var baseUrl = "http://search.twitter.com/search.json?q=%23"; 
$.getJSON(baseUrl + searchTerm + "&rpp=1500&callback=?", function(data) 
{ 
$("#tweets").empty(); 
if(data.results.length < 1) 
    $('#tweets').html("No results JOINEVENTUS"); 
$.each(data.results, function() 
{ 
$('<div align="justify"></div>') 
.hide() 
.append('<hr> <img src="' + this.profile_image_url + '" width="40px" /> ') 
.append('<span><a href="http://www.twitter.com/' 
+ this.from_user + '">' + this.from_user 
+ '</a> ' + makeLink(this.text) + '</span>') 
.appendTo('#tweets') 
.fadeIn(800); 
}); 
}); 
}); 
}); 

function makeLink(text) 
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; 
return text.replace(exp,"<a href='$1'>$1</a>"); 
} 

Answer 1

아래 코드는 도움이 될 것입니다. 내가 한 것은 트윗을 가져 오는 코드를 함수로 옮기는 것입니다. 이 함수는 X 초마다 호출되어 상자를 업데이트합니다. 사용자가 새 검색어를 입력하고 "Enter"를 클릭하면 타이머가 재설정됩니다.

var fetchSeconds = 30; //Number of seconds between each update 
var timeout; //The variable which holds the timeout 
$(document).ready(function() {  
    $("#Enter").click(function(event){ 
     //Clear old timeout 
     clearTimeout(timeout); 
     //Fetch initial tweets 
     fetchTweets(); 
    }); 
}); 

function fetchTweets() { 
    //Setup to fetch every X seconds 
    timeout = setTimeout('fetchTweets()',(fetchSeconds * 1000)); 
    var searchTerm = $("#search").val(); 
    var baseUrl = "http://search.twitter.com/search.json?q=%23"; 
    $.getJSON(baseUrl + searchTerm + "&rpp=1500&callback=?", function(data) { 
     $("#tweets").empty(); 
     if (data.results.length < 1) { 
      $('#tweets').html("No results JOINEVENTUS"); 
     } 
     $.each(data.results, function() { 
      $('<div align="justify"></div>').hide() 
              .append('<hr> <img src="' + this.profile_image_url + '" width="40px" /> ') 
              .append('<span><a href="http://www.twitter.com/'+ this.from_user + '">' + this.from_user + '</a> ' + makeLink(this.text) + '</span>') 
              .appendTo('#tweets') 
              .fadeIn(800); 
     }); 
    }); 
} 

function makeLink(text) { 
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; 
    return text.replace(exp,"<a href='$1'>$1</a>"); 
} 

희망이