-
Cómo llamar a Ajax desde JavaScript
-
Asynchronous JavaScript y XML, o Ajax, es un método de programación que le permite actualizar el contenido de una página web sin tener que actualizar la misma. Ajax se utiliza normalmente llamando a un objeto XMLHttpRequest de HTML y utilizando una función de devolución de llamada JavaScript para visualizar los resultados de la XMLHttpRequest. Puede llamar a Ajax el JavaScript creando dinámicamente un nuevo elemento de guión y de añadir a la etiqueta <head> de la página Web actual.
Instrucciones
1 Crear un nuevo archivo HTML usando el Bloc de notas o un editor HTML. Inserte las cabeceras HTML en el archivo:
<! DOCTYPE HTML>
<Html lang = "es">
<Head>
<Charset meta = "UTF-8">
<Title> Ajax De JavaScript </ title>
2 Crear una función de JavaScript para mostrar los resultados de la llamada Ajax:
<Script>
showResults de función (resultados) {
document.getElementById("output").innerHTML = results;
}
3 Crear un nuevo elemento de script que hará una llamada a un programa PHP. Anexar el elemento de secuencia de comandos para la etiqueta <head> del documento actual:
cabeza var = document.getElementsByTagName ( "cabeza") [0];
var = newScript document.createElement ( "script");
newScript.src = "http://example.com/output.php";
head.appendChild (newScript);
</ Script>
</ Head>
4 Crear una etiqueta <div> para mostrar los resultados y asignarle el mismo ID que utilizó en la función de JavaScript que ha creado para mostrar los resultados:
<Body>
<Div id = "salida"> </ div>
</ Body>
</ Html>
5 Guarde el archivo HTML. Crear un nuevo archivo PHP usando el Bloc de notas o un editor HTML. Insertar código PHP hacerse eco de la función JavaScript que muestra los resultados y el contenido que se mostrará:
<? Php
'ShowResults ( "Éxito!");' Eco;
?>
6 Guarde el archivo PHP con el nombre que utilizó en la llamada de JavaScript. Abra el archivo HTML en un navegador y prueban que los resultados se muestran correctamente en la pantalla.