EL problema es el siguiente. Estoy implantando una pagina externa en una sección de mi pagina con el siguiente código (Jquery)
<script type="text/javascript">
$(document).ready(function() {
$("#boton").click(function(event) {
$("#capa").load("http://www.miserver.com/algo.php", function(response, status, xhr) {
if (status == "error") {
var msg = "Error!, algo ha sucedido: ";
console.log(xhr);
$("#capa").html(msg + xhr.status + " " + xhr.statusText);
}
});
});
});
</script>
Pero al hacerlo el me lanza un error de autorización.
401 Authorization Required
Investigando encontré que podría agregar la siguiente linea podría solucionarlo lo cual no fue del todo correcto (No funciono).
xhr.setRequestHeader ("Authorization", "Basic " + btoa('user' + ":" + 'pass'));
Que segun quedaria de la siguiente manera
<script type="text/javascript">
$(document).ready(function() {
$("#boton").click(function(event) {
$("#capa").load("http://www.miserver.com/algo.php", function(response, status, xhr) {
xhr.setRequestHeader ("Authorization", "Basic " + btoa('user' + ":" + 'pass'));
if (status == "error") {
var msg = "Error!, algo ha sucedido: ";
console.log(xhr);
$("#capa").html(msg + xhr.status + " " + xhr.statusText);
}
});
});
});
</script>
No he podido encontrar algo que me funcione. Alguna observación? Por favor ayuda.
De antemano gracias.
http://www.miserver.com/algo.php
y cual es la configuración del servidor (apache/nginx pueden filtrar el acceso según esquemas de autenticación), en caso de apache puede estar en la definición del server/virtualhost, en el .htacces ó elalgo.php
puede decidir en base aN
razones devolver ese estado.