Red de conocimiento informático - Aprendizaje de programación - Código fuente Jsajax

Código fuente Jsajax

ltscript language = " javascript " gt

var XMLHttpRequestObject = false

if (ventana.XMLHttpRequest)

{

XMLHttpRequestObject = new XMLHttpRequest ();

}

else if(window.ActiveXObject)

{

XMLHttpRequestObject = nuevo objeto ActiveX(" Microsoft. XMLHTTP ");

}

//El código anterior crea un objeto XMLHttpRequest.

//La siguiente es una función que utiliza este objeto XMLHttpRequest para obtener el contenido de un archivo del servidor y mostrarlo en la página web.

Función getData(dataSource, divID)

{

if(XMLHttpRequestObject)

{

var obj = documento . getelementbyid(divID);

XMLHttpRequestObject.open("GET ", fuente de datos

xmlhttprequestobject ('Tipo de contenido', 'aplicación/x-www). -form-urlencoded ');

xmlhttprequestobject . onreadystatechange = function()

{

if(xmlhttprequestobject . estado listo == 4 amp; ampxmlhttprequestobject . estado = = 200)

{

obj . internalhtml = xmlhttprequestobject texto de respuesta;

}

}

xmlhttprequestobject.send(NULL);

}

}

lt/script gt;

Lo siguiente es

ltbody gt

lth 1 gt; Este es un programa de demostración ajax. /h 1 gt;

lt form gt

ltinput type = " button " value = " Obtener el mensaje " onclick = " get data(' data . txt ', ' dataDiv ' )"/ gt;

lt/form gt;

ltdiv id = " dataDiv " gt

ltp gt Obtener el mensaje aparecerá aquí lt/p gt ;

lt/div gt;

lt/body gt;

Necesita crear un archivo data.txt en la carpeta de la página actual, haga clic en ese botón. Y luego el contenido en txt se mostrará en el contenido de dataDiv.