我很难找到embed a tweet的方法动态地进入网页。理想情况下,我希望用户输入 Twitter 状态 URL(例如 https://twitter.com/robdelaney/status/329651129988288514 ),单击按钮,然后将推文嵌入到 div 中。
这是我到目前为止所得到的:
$(document).ready(function(){
$("#resolve").click(function(){
var url = $("#retweet_form_url").val();
if (url==""){
$(".controls").addClass("error");
}
else {
$("#tweet_div").show();
$.ajax({
url: "https://api.twitter.com/1/statuses/oembed.json?url="+url,
dataType: "jsonp",
success: function(data){
// Derp! What do I do here?
}
});
}
})
})
当我使用 URL 进行测试时,我确实从 Twitter 收到了一个 JSON 响应,其中包含嵌入推文所需的整个 HTML,但是当我尝试解析它时,我无法在我的 div 中显示任何内容。谁能指出我正确的方向?
最佳答案
data
是一个包含推文详细信息的对象,其中包括一个包含实际嵌入代码的 html
成员。所以:
// ...
success: function(data){
$("#tweet_div").html(data.html);
}
// ...
$(document).ready(function() {
$("#resolve").click(function() {
var url = $("#retweet_form_url").val();
if (url == "") {
$(".controls").addClass("error");
} else {
$("#tweet_div").show();
$.ajax({
url: "https://api.twitter.com/1/statuses/oembed.json?url=" + url,
dataType: "jsonp",
success: function(data) {
$('#tweet_details').html(data.html);
}
});
}
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id=retweet_form_url value="https://twitter.com/robdelaney/status/329651129988288514" />
<button id=resolve>resolve</button>
<div id=tweet_details></div>
关于jquery - 如何使用 jQuery/JSON/oembed 从 URL 嵌入推文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16327187/