ajax con php

elgranjm3000 · #1 (**permalink**) 04/09/2011, 15:46

buenas tarde tengo un script de esta forma
ejemplo1.html

Código HTML:

<html>
<title>Ejemplo de Ajax</title>
<script language="javascript" src="ajax.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 

function cambiaTexto(){	
	var menu = document.getElementById("menu");
	var capa = document.getElementById("contenedor");	
	xmlhttp=nuevoAjax();
	xmlhttp.open("GET","proceso.php");
	xmlhttp.onreadystatechange = function(){
		if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
			capa.innerHTML = xmlhttp.responseText;			
		}		
	}
	xmlhttp.send(null);				
}
</script> 	
<body>
<div id="menu"> 
<input type = "submit" name = "button" value = "dale click aqui" onclick = "cambiaTexto();">

<a href="javascript:cambiaTexto();">hola mundo</a>
</div>
<div id = "contenedor">
</div>
</body>
</html>

donde ajax.js
es este

Código:

// JavaScript Document
function nuevoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");  		// Creación del objeto ajax para navegadores diferentes a Explorer
	} catch (e) {
		try {								// o bien
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");		// Creación del objet ajax para Explorer
		} catch (E) {
			xmlhttp = false;
		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

y proceso.php es este

Código PHP:

 
<form method="post">
    <input type = "submit" name = "button" value = "hola">

</form>
<?php
if (@$_POST["button"] == 'hola'){
        echo "hola mundo";
    }
?>

el llamado funciona muy bien
el asunto es que en proceso.php tengo un boton programado para que cuando se le de click me diga "hola mundo"
la pregunta es por que no imprime nada ?
me hace falta colocar algo adicional¡?
le agradezco su ayuda por favor

zerokilled · #2 (**permalink**) 04/09/2011, 23:57

buenas,
es simple... fijate el INPUT de tipo submit tiene un nombre y un valor. hasta ahí bien. al tener un name, el navegador envia dicho control junto con su valor. por tanto, en tu script estas comparando si el valor del parámetro button (que pertenece al input submit) es igual a "hola". dicho valor no es el mismo que representa en html. o sea, "dale click aqui" != "hola".

otro detalle... estas haciendo una petición GET, por lo cual tienes que pasar los parámetros en la misma url de la petición. ahora mismo la url no tiene ningún parámetro. tienes que componer los parámetros en formato URL query y agregarlo al argumento url de ajax. es decir, tienes que formar una url tal que así: script.php?parameter=value. adicionalmente, en el script php estas buscando el parámetro por POST. tienes que decidirte si por post o get.

elgranjm3000 · #3 (**permalink**) 05/09/2011, 10:38

no creo que estas viendo otro boton.. a ese boton yo no me refiero

zerokilled · #4 (**permalink**) 05/09/2011, 13:38

¿en serio? pues el único botón que veo en html es el <input type="submit">. lo otro es un enlace. de todos modos, tanto el botón como el enlace sufren del mismo problema. no estas enviando el parámetro necesario para que el script php pueda decidir si imprimir el contenido o no. y nuevamente recalco que la petición la estas haciendo por GET mientras el php busca la existencia del parámetro por POST, dos métodos distintos.