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

Imágen de perfil
Val: 375
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

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


JQuery

Publicado el 26 de Agosto del 2015 por Xve (286 códigos)
31.653 visualizaciones desde el 26 de Agosto del 2015
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(11)

Publicado el 26 de Agosto del 2015gráfica de visualizaciones de la versión: Versión 1
31.654 visualizaciones desde el 26 de Agosto del 2015
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 (11)

Imágen de perfil
26 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
Ejemplo claro y funcional para la aplicación requerida
Responder
Imágen de perfil
29 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
Excelente ejemplo
Responder
Imágen de perfil
31 de Agosto del 2015
estrellaestrellaestrellaestrellaestrella
Excelente ejemplo, simpe y curioso pero funcional.
Responder
Imágen de perfil
25 de Septiembre del 2015
estrellaestrellaestrellaestrellaestrella
Gracias amigo funciono a la primera,,,,
Responder
Nicolas
29 de Enero del 2017
estrellaestrellaestrellaestrellaestrella
Excelente aporte. Consulta, quisiera saber como redireccionar a otra pagina dependiendo de la variable. Saludos
Responder
Imágen de perfil
30 de Mayo del 2017
estrellaestrellaestrellaestrellaestrella
Espero funcione :(
Responder
Lili
17 de Junio del 2017
estrellaestrellaestrellaestrellaestrella
Muy buen ejemplo, claro, conciso, muy bien explicado y funciona perfectamente.
Responder
Cesar
7 de Septiembre del 2017
estrellaestrellaestrellaestrellaestrella
Tengo una inquietud similar, solo que el detalle es el siguiente, Tengo tres radios, cada uno con un valor, para el ejemplo practico, 1, 2 ,3 , estos valores ya los capturo desde una funcion jscript utilizando
$(document).ready(function()
{
$("input[name=xxxxx]").change(function ()

puedo imprimir el valor en pantalla desde la funcion jscript, quiero pasar ese valor de 1,2, 3 a un ciclo if dentro de la misma pantalla, que es un modal, se puede directo sin tener que pasar por otro archivo.php,

Gracias
Responder
juan
14 de Enero del 2018
estrellaestrellaestrellaestrellaestrella
hola
y si quiero que los datos se queden en php y no vuelvan a javascript ?
Responder
lenin
22 de Febrero del 2018
estrellaestrellaestrellaestrellaestrella
He aqui un problema:
tengo que pasar el contenido de uan variable javascript a una variable PHP, pero en la misma pagina PHP

<?php
/*
* Codigo PHP
*
*/
?>

<!-- Codigo Javascript ->
<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>

<!-- Codigo HTML ->
<input type="text" onchange="enviar()">

<?php
/*
* Otro codigo PHP
*
*/

// aqui deseo que el contenido de la variable "respuesta" o la variable "miVariableJS"
// pase a la variable PHP "$miVariablePHP"
$miVariablePHP = xxxxxxxxxx;
echo $miVariablaPHP;
?>

Agardezco de antemano la ayuda
Responder
Eduar
27 de Noviembre del 2018
estrellaestrellaestrellaestrellaestrella
Alguien pudo solucionar ese problema - que redireccione a la misma página y obtener la respuesta en un variable php?
Responder

Comentar la versión: Versión 1

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

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s3262