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

Pos: 1

Val: 302

Ha mantenido su posición en JQuery (en relación al último mes)

Como pasar una variable de JavaScript a PHP

JQuery

(11)

Publicado el 26 de Agosto del 2015 por Xve (294 códigos)

44.650 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
(11)

Publicado el 26 de Agosto del 2015

gráfica de visualizaciones de la versión: Versión 1

44.651 visualizaciones desde el 26 de Agosto del 2015

En el archivo.php puede haber algo como:

<?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:

<!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)

Aitor Solozabal

26 de Agosto del 2015

Ejemplo claro y funcional para la aplicación requerida

Responder

Manuel

29 de Agosto del 2015

Excelente ejemplo

Responder

Max

31 de Agosto del 2015

Excelente ejemplo, simpe y curioso pero funcional.

Responder

Andres

25 de Septiembre del 2015

Gracias amigo funciono a la primera,,,,

Responder

Nicolas

29 de Enero del 2017

Excelente aporte. Consulta, quisiera saber como redireccionar a otra pagina dependiendo de la variable. Saludos

Responder

Tania

30 de Mayo del 2017

Espero funcione :(

Responder

Lili

17 de Junio del 2017

Muy buen ejemplo, claro, conciso, muy bien explicado y funciona perfectamente.

Responder

Cesar

7 de Septiembre del 2017

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

hola
y si quiero que los datos se queden en php y no vuelvan a javascript ?

Responder

lenin

22 de Febrero del 2018

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

Alguien pudo solucionar ese problema - que redireccione a la misma página y obtener la respuesta en un variable php?

Responder