Посмотрите, поможет ли это, я сделал для вас пример:
В основном HTML-код содержит 2 ввода.один для кнопки и один для строки запроса.
<html>
<head>
<title>example</title>
</head>
<body>
<div style="padding: 20px;">
<input id="query" type="text" value="blue angels" />
<input id="submit" type="button" value="Search" />
</div>
<div id="tweets" style="padding: 20px;">
Tweets will go here.
</div>
</body>
</html>
После нажатия кнопки поиска вы отправите в Twitter запрос с 5 результатами (rpp), содержащими строку запроса.
Вот javascript для этой страницы:
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]['from_user'] + ' wrote: <p>' + data['results'][res]['text'] + '</p></div><br />');
}
}
});
}
$(document).ready(function() {
$('#submit').click(function() {
var params = {
q: $('#query').val(),
rpp: 5
};
// alert(jQuery.param(params));
searchTwitter(params);
});
});
Хитрость - это функция jQuery.param (), в которую вы передадите параметры для поиска / запроса
Смотрите его здесь:
http://jsfiddle.net/73L4c/6/