necesito de vuestra ayuda. Mi problema es el siguiente:
- Necesito enviar un ID a través de una variable POST sin tener que hacerlo en un formulario.
He intentando con AJAX JQUERY pero no me funciona al momento de intentar rescatar la variable $_POST en mi archivo PHP no me la obtiene. Tengo el siguiente código pero no me esta funcionando, les dejo el código de mis archivos:
INDEX PHP
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Probando Jquery</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</head>
<body>
<main>
<h1>ENVIAR VARIABLE POST JQUERY AJAX</h1>
<input type="hidden" class="form-control d-none" id="inputName" value="1">
<button class="btn btn-primary" id="btnEditar">editar</button>
</main>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<script src="controller.js"></script>
<!-- LLAMO A MI ARCHIVO PHP PARA MOSTRAR LA VARIABLE POST-->
<?php require_once "controller.php"?>
</body>
</html>
JAVASCRIPT
$(document).ready(function(){
$("#btnEditar").click(function(){
var dato = $("#inputName").val();
alert(dato);
$.ajax({
url: 'controller.php',
type: 'POST',
data: {id_dato:dato},
success: function(){
alert("Ha sido ejecutada la acción.");
}
});
});
});
CONTROLLER.PHP
<?php
if(isset($_POST["id_dato"])){
echo $_POST["id_dato"];
}
?>
- En el archivo INDEX.PHP estoy ocupando un input oculto que tiene un value=1 ese value es el que necesito enviar como variable POST a mi archivo PHP.
espero haberme explicado bien, saludos.