Im "No 'Access-Control-Allow-Origin'ヘッダーが要求されたリソースに存在しています。したがって、 'null'はアクセスが許可されていません。

Question

私はapiからオブジェクトを取得するためにいくつかのjavascriptを作った。今私はアクセス制御を持っていないことを示すエラー？私は何をすべきか？

<script type="text/javascript"> 
    function getLatest(){ 
     var data = {}; 
     $.ajax({ 
      url: 'http://api.rappler.com/index.php?option=com_rappler&task=mobileapi.getarticlelist&limit=5&catid=23', 
      data: data 
     }); 
     console.log(data); 
    } 
</script> 

Answer 1

Try this one: 

<script type="text/javascript"> 
    function getLatest(){ 
     var data = {}; 
     $.ajax({ 
      url: 'http://api.rappler.com/index.php?option=com_rappler&task=mobileapi.getarticlelist&limit=5&catid=23', 
      data: data, 
      async:true, 
      dataType : 'jsonp', //you may use jsonp for cross origin request 
      crossDomain:true 
     }); 
     console.log(data); 
    } 
    getLatest(); 
</script>