Twitter oMmbed запрос на перекрестный запрос заблокирован

Question

Я пытаюсь использовать Twitter oEmbed API, чтобы сделать запрос на встроенный твит. Код очень простой прямо сейчас:

xmlhttp = new XMLHttpRequest(); 
xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
} 

xmlhttp.open("GET", "https://api.twitter.com/1/statuses/oembed.json?id=507185938620219395", true); 
xmlhttp.send(); 

Я получаю запрос перекрестного происхождения Заблокированная ошибка в Firefox. Что я делаю не так?

Answer 1

Ответ "использовать JSONP"

$.ajax({ 
    type:  "GET", 
    url:  "http://api.twitter.com/1/statuses/oembed.json?id=507185938620219395", 
    dataType: "jsonp", 
    success: function(data){ 
    console.log(data); 
    } 
}); 

Answer 2

https://ctrlq.org/code/19933-embed-tweet-with-javascript

Это один обходной путь для фиксации ошибки

<!-- 
 
    Written by Amit Agarwal amit@labnol.org 
 
    Paste this anywhere between the body tag 
 
--> 
 
    
 
<style> 
 
    
 
    #tweet { 
 
    width: 400px !important; 
 
    } 
 
    
 
    #tweet iframe { 
 
    border: none !important; 
 
    box-shadow: none !important; 
 
    } 
 
    
 
</style> 
 
    
 
<div id="tweet" tweetID="515490786800963584"></div> 
 
    
 
<script sync src="https://platform.twitter.com/widgets.js"></script> 
 
    
 
<script> 
 
    
 
    window.onload = (function(){ 
 
    
 
    var tweet = document.getElementById("tweet"); 
 
    var id = tweet.getAttribute("tweetID"); 
 
    
 
    twttr.widgets.createTweet(
 
     id, tweet, 
 
     { 
 
     conversation : 'none', // or all 
 
     cards  : 'hidden', // or visible 
 
     linkColor : '#cc0000', // default is blue 
 
     theme  : 'light' // or dark 
 
     }) 
 
    .then (function (el) { 
 
     el.contentDocument.querySelector(".footer").style.display = "none"; 
 
    }); 
 
    
 
    }); 
 
    
 
</script>