AJAX o Ajax és JavaScript i XML asíncrons. S'utilitza per intercanviar dades amb un servidor i actualitzar una part d'una pàgina web sense recarregar tota la pàgina web al costat del client. La visualització i el comportament de la pàgina web existent no s’interfereixen en absolut mentre s’intercanvien i s’actualitzen les dades. Ajax també es considera un grup de tecnologies que tenen HTML, CSS, DOM i JavaScript que s’utilitzen per marcar, estilitzar i permetre a l’usuari interactuar amb la informació de la pàgina web. En aquest article, us mostrarà com escriure un programa senzill en passos Ajax per passos mitjançant Notepad ++. Es requereixen alguns coneixements bàsics d'HTML, DOM, JavaScript i un servidor web local o servidor web remot. En aquest article s’utilitza WampServer per fer una prova.
Passos
Mètode 1 de 2: Codificació
3929304 1
Pas 1. Prepareu una imatge per escriure un programa Ajax
Deseu la imatge a la mateixa carpeta on desareu els fitxers html i de text que mostren el programa Ajax. En aquest article, el directori "ProgramInAjax" està configurat a la carpeta "wamp", al directori "www", on heu instal·lat WampServer.
3929304 2
Pas 2. Obriu qualsevol editor de text
Notepad ++ s’utilitza com a editor de text en aquest article.
3929304 3
Pas 3. Creeu un fitxer nou a l'editor de text
Escriviu el següent:
Oh, oh! On va anar la flor groga?
Podeu escriure allò que vulgueu dins de l’etiqueta html.
3929304 4
Pas 4. Deseu el fitxer com a document de text amb el nom de "ajax-data.txt
” De fet, podeu anomenar el fitxer com vulgueu, però assegureu-vos que introduïu el mateix nom de fitxer a la codificació en aquesta línia:
xmlhttp.open ("GET", "ajax-data.txt", cert);
Tot i això, les etiquetes HTML que s’utilitzen per a la capçalera de manera que semblin més grans i invisibles.
3929304 5
Pas 5. Creeu un fitxer nou per a una pàgina web
Aquest fitxer permet que un fitxer HTML visualitzi el programa Ajax en un navegador web.
3929304 6
Pas 6. Copieu el codi següent:
El meu primer programa Ajax per mi Posa el codi Ajax a continuació.
Feu clic al botó següent per fer desaparèixer la flor
3929304 7
Pas 7. Deseu el fitxer
Feu clic al botó Desa a la barra de menú. S'obre un quadre "Desa com a". Introduïu un nom per al document. En aquest article, el nom del fitxer és "índex".
3929304 8
Pas 8. Feu clic a la fletxa desplegable per triar l'extensió de fitxer
Al camp "Desa com a tipus", feu clic a la fletxa desplegable per triar l'extensió de fitxer.
3929304 9
Pas 9. Seleccioneu "Fitxer de llenguatge de marcatge de text hiper"
” Assegureu-vos que tingui "html" dins del parèntesi. Feu clic a Desa després de seleccionar "html".
3929304 10
Pas 10. Proveu el fitxer HTML en un navegador web
Obriu la pàgina web en un navegador web. Aneu a "Executa" a la barra de menú superior. Feu-hi clic i seleccioneu "Inicia a Chrome" o qualsevol navegador instal·lat al vostre sistema. Google Chrome s’utilitza per a les proves d’aquest article. És possible que tingueu alguns altres navegadors instal·lats a Notepad ++. Podeu seleccionar el vostre navegador preferit. Una altra opció és fer clic a la icona de WampServer a les barres de tasques de la part inferior de la pantalla i seleccionar "Localhost". Hi hauríeu de veure el directori i fer clic al fitxer d'índex.
Pas 11. Feu clic al botó de sota de la imatge per provar l'script
3929304 12
Pas 12. La vostra pàgina web final
La vostra pàgina web s'hauria d'actualitzar amb la informació que heu introduït al fitxer de text al principi. La flor i la capçalera s'han de substituir per la nova capçalera anomenada Oh oh! On va anar la flor groga?”
Mètode 2 de 2: explicació del codi
3929304 13
Pas 1. La secció del cos
El cos de l'HTML té la secció "div" i un botó. Aquesta secció s'utilitzarà per mostrar la informació retornada del servidor. El botó crida a una funció anomenada "loadXMLDoc ()", si es fa clic.
El meu primer programa Ajax per mi Aquí hi ha una imatge per provar el programa Ajax.
Feu clic al botó següent per fer desaparèixer la flor
Aquí apareix un botó
3929304 14
Pas 2. La secció del cap
La secció principal del fitxer HTML té una etiqueta de script que conté la funció "loadXMLDoc ()".
El meu primer programa Ajax per mi Posa el codi Ajax a continuació.
Pas 3. Més explicació
El més important de l'Ajax és l'objecte XMLHttpRequest. S'utilitza per intercanviar dades amb el servidor i tots els navegadors moderns admeten l'objecte.
La sintaxi per crear un objecte XMLHttpRequest () és variable = new XMLHttpRequest (); però, al mateix temps, la sintaxi per crear versions antigues d'Internet Explorer (IE5 i IE6) que utilitza un objecte ActiveX és variable = ActiveXObject nou ("Microsoft. XMLHTTP");.
Per gestionar tots els navegadors moderns, ha de comprovar si els navegadors admeten l'objecte XMLHttpRequest. Si ho fa, crea un objecte XMLHttpRequest. Si no ho feu, crearà un objecte ActiveX per a això.
Llavors enviarà una sol·licitud al servidor. S'utilitzarà el mètode de l'objecte XMLHttpRequest anomenat "open ()" i "send ()". xmlhttp.open ("GET", "ajax_info.txt", cert); xmlhttp.send ();.
Consells
Una altra opció per previsualitzar el resultat, podeu obrir el navegador preferit i escriure "localhost / ProgramInAjax" a la barra d'adreces web per mostrar la pàgina web. Hauríeu de poder veure la pàgina web si assigneu el fitxer HTML a "index.html".
Deseu el fitxer html més sovint durant la feina. Si premeu les tecles Ctrl i S al mateix temps per als usuaris de Window, estalvieu més temps.
Assegureu-vos d’afegir el fitxer HTML desat al mateix lloc on es troben la imatge i el fitxer de text de dades.
Quan assigneu un nom a un fitxer, distingeix entre majúscules i minúscules quan afegiu aquests noms al codi. Per exemple, "myImage" és diferent de "MyImage" o "myimage".
Aquesta és una introducció a Pygame per a persones que ja coneixen Python. Aquest article us ensenyarà els passos per construir un joc senzill que faci que el jugador esquivi boles que reboten. Passos Part 1 de 8: Instal·lació de Pygame Pas 1.
En molts estats, podeu contactar amb el Departament de Vehicles de Motor (DMV) o l’Oficina de Vehicles de Motor (BMV) i programar la part de la prova de carretera de l’examen del conductor per endavant. Els requisits poden variar d’un estat a un altre, però la majoria són força consistents.
Java (que no s’ha de confondre amb el Javascript) és un dels llenguatges de programació més populars. Java és un llenguatge de programació d'alt nivell que es pot utilitzar per desenvolupar aplicacions per a diversos sistemes operatius, inclosos Windows, macOS, Linux i Android.
C és un dels llenguatges de programació més antics. Es va desenvolupar als anys 70, però encara és molt potent gràcies al nivell baix que té. Aprendre C és una bona manera d’introduir-se en llenguatges més complexos i el coneixement que obtingueu serà útil en gairebé tots els llenguatges de programació i us pot ajudar a desenvolupar aplicacions.
VBScript és un llenguatge de programació natiu de Windows que s'utilitza principalment per crear aplicacions de servidor web. VBScript està incrustat dins d’un fitxer HTML i és bastant senzill. Tingueu en compte que VBScript difereix de Visual Basic, que s'utilitza per a la programació d'escriptori.
