Este es mi primer programa Ajax y no puedo arreglar el código porque no estoy seguro de dónde/cuál es el problema.
El error (que no puedo interpretar) al usar el depurador es, XMLHttpRequest no puede cargar http://localhost/function.txt . No hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado. Por lo tanto, no se permite el acceso al origen 'null'.
function calling() { var x; if (window.XMLHttpRequest) { x = new XMLHttpRequest(); } else { x = new ActiveXObject("Microsoft.XMLHTTP"); } x.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200) { document.getElementById("block").innerHTML = this.responseText; } }; x.open("GET", "http://localhost/function.txt",true); x.send(); }función.txt
<html> <head></head> <body> <h2>Ajax is working</h2> </body> </html>¿Está su js ubicado en la misma ubicación que su function.txt?
Para obtener más información sobre CORS, consulte este enlace: https://www.html5rocks.com/en/tutorials/cors/
ACTUALIZACIÓN: Esto funciona para mí, creo que tal vez haya algo con la configuración de Apache...
function calling() { var xhr = new XMLHttpRequest(), method = "GET", url = "function.txt"; xhr.open(method, url, true); xhr.onreadystatechange = function () { if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { alert(xhr.responseText); } }; xhr.send(); } calling();No puede realizar llamadas Ajax a una URL desde un dominio diferente si dicho dominio no lo permite explícitamente (a través del encabezado 'Access-Control-Allow-Origin'). Su error significa que está realizando su llamada Ajax desde otro dominio. Si su archivo function.txt se encuentra en la misma ubicación que su js, intente usar la ruta relativa en su .open() .
Está intentando realizar una solicitud CORS, que no es segura y está prohibida por los navegadores de forma predeterminada. Si tiene el control del sitio de destino, puede habilitar CORS . Si ese no es el caso, deberá escribir una página que se utilizará como proxy, es decir, enviará la solicitud a esta página en lugar de a la página del sitio de destino. La página, a su vez, enviará la solicitud a la página de destino y enviará la salida al navegador. Si bien esta es una solución viable, deberá asegurarse de que todas las rutas absolutas del sitio de destino se manejen bien.