Ajax Na Prática: Primeira Aplicação Ajax

Compartir:

Alguns companheiros tinham solicitado alguns tutoriais sobre a tecnología Ajax. Bom, para mim é um prazer abordar este tópico. Para as pessoas que estão começando peço que não tenham medo pois vou explicar tudo e vou aguardar suas perguntas em caso tenha deixado passar alguma coisa, ok? 

Preparando tudo  

  • Para começar, quero explicar a aplicação e o que vai fazer em nosso navegador, certo?
    • É uma aplicação simples que mostra ao usuário um texto e um botão na tela e
    • após pressionar esse botão, 
    • o texto muda e o botão desaparece.

Etapa 1: Criando Pasta do Projeto

La carpeta que he creado se llamará AjaxProjects (en español "Projectos Ajax"). Con el siguiente comando creamos la carpeta:


Entramos a la carpeta creada ('AjaxProjects') que será considerada nuestro "directório raíz", esto con el siguiente comando:


Paso 2: Creando Mi Archivo En la Carpeta Raíz De Mi Proyecto

El Directório Raíz de mi Proyecto llamado AjaxProjects contiene un archivo que lo llamaré Project1.html. Este archivo lo crearé con el siguiente comando:


Paso 3: Codificando Mi Archivo "Project1.html"

El Archivo que he creado, llamado Project1.html, va a tener el siguiente código; no se preocupen por el código que lo explicaré detalladamente:


Paso 4: Creando y Codificando Mi Archivo "text.txt"

El Archivo "text.txt" lo crearé para introducir en él un texto que contendrá lo que quiero mostrar en pantalla a la hora de presionar en el botón "cambie contenido", ya verán!: 

  • Editando mi archivo "text.txt" con el siguiente comando: 

    • Después de escribir el texto clicamos en la tecla "Esc" de nuestro teclado y despues el comando:

    • Después de Hacer todo lo anterior, ponemos a funcionar nuestro Aplicativo; con lo que tendremos el siguiente resultado!:


    • Hagan sus preguntas y claro tambien no dejen de hacer sus críticas por favor!    
    Compartir:

    Ajax

    Aplicativos

    Déjenos su Comentário:

    0 commentários: