I want to make a request to the twitter api. This is the example provided in the documentation (https://dev.twitter.com/docs/api/1/get/search):
GET:
http://sear
This does not work anymore since Twitter announced API 1.1. Look at this question to learn to use API 1.1: Need help converting to Twitter API v1.1 - JavaScript
Look if this helps, I made an example for you:
Basically the HTML code contains 2 inputs. one for the button and one for the query string.
<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>
After pressing the search button, you'll send a request to twitter asking for 5 results (rpp) containing the query string.
Here's the javascript for this page:
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);
});
});
The trick is the jQuery.param() function that you'll pass the params for the search/request
See it running here:
http://jsfiddle.net/73L4c/6/