Solo tengo acceso al Front-End, por lo que realmente no puedo configurar Access-Control-Allow-Origin en * en el servidor. Es por eso que luché con jsonp , corb en el segundo fragmento a continuación. Y lo único que funciona parece ser el primer fragmento donde puedo mostrar un objeto html completo, pero luego solo necesito mostrar el elemento span class="bar por lo que una solución en mi caso sería filtrar un objeto de datos html y finalmente mostrar solo el elemento span class="bar

Nuevamente, estoy tratando de mostrar solo el elemento span class="bar de estos datos de objetos html externos

 $(document).ready(function(){ $("#y").html('<object data="https://www.osculati.com/it/advancedSearchResults.aspx?searchbar=49.548.04" />'); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="y"></div>

Pero cuando estoy usando jQuery Ajax cualquiera de los métodos .load, primero aparece el error CORS. Entonces, para resolver el problema de dominio cruzado, uso Jsonp y luego aparece el error CORB , así que me quedé atascado.

 $(document).ready(function() { $.ajax({ url: "https://www.osculati.com/it/advancedSearchResults.aspx?searchbar=49.548.04", dataType: 'jsonp', success: function(json) { alert("Success"); }, error: function() { alert("Error"); } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>