我越来越"No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null'

Question

我编写了一些javascript从api获取对象。现在错误显示我没有访问控制?我该怎么办?

<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>