我正在嘗試創建一個按鈕,它需要輸入一個主題,並使用Twitter搜索API提取相關推文。搜索按鈕 - Twitter搜索API
我已經看到類似於jTwitter插件的東西,但我不確定如何自己做,而且似乎無法找到任何文檔。
這裏是jQuery的:
twitterUrl = "http://search.twitter.com/search.json?"+ q +"&rpp=1500&page=2&result_type=recent&callback=?";
twitterList = $("<ul />");
twitterFunction = function(data) {
$.each(data.results, function(i, item) {
$("<li />", { "text" : item.text })
.appendTo(twitterList);
});
$("#twit").fadeOut("fast", function(){
$(this).empty()
.append(twitterList)
.fadeIn("slow");
});
};
$.getJSON(twitterUrl, twitterFunction);
和HTML:
<article>
<form>
<input type="text" id="subject" name="q" placeholder="subject..." >
<input type="button" id="start" value="start" >
</form>
<div id="twit"></div>
</article>
和工作jsFiddle。
感謝您的幫助。
太好了,謝謝。我應該知道價值會在q =內而不是取代它。如果您輸入主題並按回車並單擊開始,是否有辦法讓它起作用? – Ryan
你可以通過keyup處理它並檢查輸入代碼爲13 ... http://stackoverflow.com/questions/155188/trigger-button-click-with-javascript-on-enter-key-in-text-box – Jayendra
出於某種原因,當我嘗試添加該jQuery代碼片段時,它不起作用。當我輸入時,輸入字段中的文本消失。它是否必須在JSON調用的函數中實現? http://jsfiddle.net/RyanNeil/q7jUB/12/ – Ryan