Buscar Más buscado

Tutorial de AJAX (Asynchronous JavaScript + XML) - Ejemplos (1)

12 - Ejemplos (1)

[editar]
Tutorial creado por Mononeurona. Extraido de: http://www.mononeurona.org/index.php?idp=547
27 de Octubre de 2005
< anterior | 1 ... 10 11 12 13 14 15 | siguiente >
Bueno es hora de realizar algunos ejemplos útiles, si quieres algún ejemplo específico comentalo y trataré de realizarlo.




  • Verificando la existencia de una URL: Bueno en este ejemplo verificaremos si existe o no una URL.
    NOTAHice una primera prueba ejemplo 3 Que NO FUNCIONA porque devuelve un error javascript:
    Error: uncaught exception: Permiso denegado al llamar al método XMLHttpRequest.open
    Averiguaré sobre el mismo, este ejemplo funciona si las URL`S que vamos a comprobar se encuentran en el servidor, pero si estan fuera del mismo no funciona...... bueno es de una utilidad NULA el ejemplo 3 pero no usaba un procesador para verificar la existencia de una URL.
    En el ejemplo 4 ya se una usa un cliente y un procesador y funciona en sus totalidad.
    Esto es sencillo, al abrir una URL verificaremos el _objetus.status, si el mismo devuelve 200 existe si devuelve 404 no existe.
    Ejemplo 3
    cliente:
    PHP [inicio]
    1. <script language="javascript"  type="text/javascript">
    2. funcion encarga de crear el objeto
    3. function objetus() {
    4. try {
    5. xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    6. } catch (e) {
    7. try {
    8. xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    9. } catch (E) {
    10. xmlhttp = false;
    11. }
    12. }
    13. if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    14. xmlhttp = new XMLHttpRequest();
    15. }
    16. return xmlhttp
    17. }
    19. function TA_comp_url()
    20. {
    21. try {
    23. _objetus=objetus()
    24. _URL_=document.getElementById('TA_comp_url').value id URL
    25. _target=document.getElementById('TA_comp_url_resultado') id resultado
    26. _objetus.open("GET",_URL_,true);
    27. _objetus.onreadystatechange=function() {
    28. if (_objetus.readyState
      1)
    29. {
    30. _target.innerHTML="Comprobando.......";
    31. }
    32. else if(_objetus.readyState 4)
    33. {
    34. if(_objetus.status
      200)
    35. {
    36. _target.innerHTML = "La URL <b>SI</b> existe";
    37. }
    38. else if(_objetus.status 404)
    39. {
    40. _target.innerHTML = "La URL <b>NO</b> existe";
    41. }
    42. else
    43. {
    44. _target.innerHTML = "Error: "._objetus.status;
    45. }
    46. }
    48. }
    49. _objetus.send(null);
    50. }
    51. catch (e) {
    52. _target.innerHTML = (e.message)?e.message:e.description;
    53. }
    54. return
    55. }
    56. </script>
    57. URL:
    58. <input id="TA_comp_url" type="text" class="text" size="50">
    59. <input class=boton type="button" value="Verificar URL" onclick="TA_comp_url();">
    60. <!-- aqui se carga el resultado -->
    61. <div id="TA_comp_url_resultado"></div>
PHP [fin]
URL:
Ejemplo 4
cliente
PHP [inicio]
    1. <script language="javascript"  type="text/javascript">
    2. funcion encarga de crear el objeto
    3. function objetus() {
    4. try {
    5. xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    6. } catch (e) {
    7. try {
    8. xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    9. } catch (E) {
    10. xmlhttp = false;
    11. }
    12. }
    13. if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    14. xmlhttp = new XMLHttpRequest();
    15. }
    16. return xmlhttp
    17. }
    19. function TA_comp_url2()
    20. {
    21. _objetus=objetus()
    22. _uri=document.getElementById('TA_comp_url2').value id URL
    23. _target=document.getElementById('TA_comp_url_resultado2') id resultado
    24. _values_send="funcion=TA_comp_url2&uri="+_uri
    25. _URL_="procesador.php?"
    26. _objetus.open("GET",_URL_+"&"+_values_send,true);
    27. _objetus.onreadystatechange=function() {
    28. if (_objetus.readyState
      1)
    29. {
    30. _target.innerHTML="Comprobando.......";
    31. }
    32. else if(_objetus.readyState 4)
    33. {
    34. if(_objetus.status
      200)
    35. {
    36. _target.innerHTML = _objetus.responseText;
    37. }
    38. else
    39. {
    40. _target.innerHTML = "Error: "._objetus.status;
    41. }
    42. }
    44. }
    45. _objetus.send(null);
    46. return
    48. }
    49. </script>
    50. URL:<input id="TA_comp_url2" type="text" size="50">
    51. <input type="button" value="Verificar URL" onclick="TA_comp_url2();">
    52. <!-- aqui se carga el resultado -->
    53. <div id="TA_comp_url_resultado2"></div>
PHP [fin]
procesador
PHP [inicio]
    1. if(isset($_GET['funcion']))
    2. {
    3. $_valor=$_GET['funcion'];
    4. if ($_valor "TA_comp_url2")
    5. {
    6. $_r=(!isset($_GET['uri']))?false:(!@fopen($_GET['uri'],"r"))?false:true;
    7. $_res=($_r
      true)?"La URL existe":"La URL no existe";
    8. echo $_res;
    9. }
    10. else
    11. {
    12. echo "No enviaste ningun valor ACEPTABLE";
    13. }
    14. }
    15. else
    16. {
    17. echo "No se a enviado valor alguno de peticion";
    18. }
PHP [fin]
URL:
  • Manejando listas dependientes en una base de datos:
    Primero creamos las tablas.
    MySQL Administrator dump 1.4 -- --
    -- Server version 4.1.5-gamma-nt CREATE DATABASE leimnud2; USE leimnud2; CREATE TABLE `leimnud_tut1_ciudad` ( `id` int(10) unsigned NOT NULL auto_increment, `nombre` varchar(45) NOT NULL default , PRIMARY KEY(`id`) ) ENGINE=MyISAM; INSERT INTO `leimnud_tut1_ciudad` (`id`,`nombre`) VALUES (1,'lapaz'), (3,'potosi'), (6,'sucre'), (28,'santa cruz'), (33,'cochabamba'), (34,'pando'), (35,'beni'); CREATE TABLE `leimnud_tut1_zona` ( `id` int(10) unsigned NOT NULL auto_increment, `nombre` varchar(45) NOT NULL default , `id_ciudad` int(10) unsigned NOT NULL default '0', PRIMARY KEY(`id`) ) ENGINE=MyISAM; INSERT INTO `leimnud_tut1_zona` (`id`,`nombre`,`id_ciudad`) VALUES (1,'el alto',1), (2,'miraflores',1), (3,'sopocachi',1), (4,'villa dolores',1), (5,'san pedro',1), (6,'el prado',1), (7,'tejada sorzano',1), (52,'pando-1',34), (51,'ciudad4',35), (50,'ciudad3',35), (48,'ciudad 1',35), (49,'ciudad 2',35), (15,'paraiso',6), (16,'andrea',6), (18,'comercial algo',6), (19,'otra zona',6), (53,'pando-2',34), (56,'san fernando',33), (57,'santo tomas',33), (29,'viacha',1), (55,'santa clara',33), (37,'zona nueva',28);
[editar]
< anterior | 1 ... 10 11 12 13 14 15 | siguiente >

Opinar
51 opiniones

er

er
asdfas

sdfg
as

as
dfgdgdgdfgd

dfgdgdgfdgdgfd
ok

ok
1 2 3 4 5 6 7 ... 11 | siguiente >

Tutoriales relacionados con 'Tutorial de AJAX (Asynchronous JavaScript + XML)'

Tutorial de AJAX (Asynchronous JavaScript + XML)
Entiendase que AJAX no se refiere a usar el objeto XMLHttpRequest de manera indispensable porque... Más »

Anuncios Google

Autor y licencia de 'Tutorial de AJAX (Asynchronous JavaScript + XML)'


Tutorial de Mononeurona. Extraido de: http://www.mononeurona.org/index.php?idp=547 CopyLeft
Este trabajo está licenciado bajo la Creative Commons License. 1999-2005 © :: MonoNeurona.org ::
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.