Buenas a todos, llevo varios días quebrandome la cabeza con este error de encabezados, ninguno de las soluciones que he leído en google a funcionado. Agradeceria cualquier luz o ayuda en el tema:

el error es el siguiente:

XMLHttpRequest cannot load http://real2.streaming-co.com:2199/recentfeed/juandavid/json/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://codigo2.tk' is therefore not allowed access.

y este es mi código:

Código HTML :

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("http://real2.streaming-co.com:2199/recentfeed/juandavid/json/", function(resp){
           console.log(resp);
            $.each(resp.items, function(){
               console.log(this['title']);
                $("div").append(this['title'] + "<br>");
                
            });
        });
    });
});
</script>
</head>
<body>

<button>Get JSON data</button>

<div></div>

</body>
</html>