Código de JQuery - Como pasar una variable de JavaScript a PHP

Imágen de perfil

Como pasar una variable de JavaScript a PHPgráfica de visualizaciones


JQuery

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 26 de Agosto del 2015 por xve
4.397 visualizaciones desde el 26 de Agosto del 2015. Una media de 70 por semana
En este simple ejemplo, muestro la manera mas simple de enviar una variable de JavaScript a PHP sin refrescar la página y mostrar el mensaje de respuesta del PHP si lo deseamos.

Requerimientos

Un servidor web con PHP

Versión 1
estrellaestrellaestrellaestrellaestrella(4)

Publicado el 26 de Agosto del 2015gráfica de visualizaciones de la versión: Versión 1
4.398 visualizaciones desde el 26 de Agosto del 2015. Una media de 70 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

En el archivo.php puede haber algo como:

1
2
3
4
5
6
7
8
9
<?php
if(isset($_POST["texto"]))
{
	if($_POST["texto"])
		echo "He recibido en el archivo.php: ".$_POST["texto"];
	else
		echo "He recibido un campo vacio";
}
?>

En el index.php tiene que haber:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
 
	<script>
	function enviar()
	{
		// Esta es la variable que vamos a pasar
		var miVariableJS=$("#texto").val();
 
		// Enviamos la variable de javascript a archivo.php
		$.post("archivo.php",{"texto":miVariableJS},function(respuesta){
			alert(respuesta);
		});
	}
	</script>
</head>
 
<body>
	<form>
		<input type="text" id="texto">
		<input type="button" value="Enviar variable a PHP" onclick="enviar()">
	</form>
</body>
</html>



Comentarios sobre la versión: Versión 1 (4)

Aitor Solozabal
26 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
Ejemplo claro y funcional para la aplicación requerida
Responder
Imágen de perfil
Manuel
29 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
Excelente ejemplo
Responder
Imágen de perfil
Max
31 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
Excelente ejemplo, simpe y curioso pero funcional.
Responder
Imágen de perfil
Andres
25 de Septiembre del 2015
estrellaestrellaestrellaestrellaestrella
Gracias amigo funciono a la primera,,,,
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3262