Hola he creado un plugin de wordpress que recoge datos de un formulario y mediante la clase $wpdb conecta y hace una consulta en la base de datos.
El problema que tengo es que el plugin me muestra esos datos en la parte superior izquierda de la pantalla y yo necesito que los muestre donde yo le diga (en un custom html que es donde tengo el formulario).
Y no se como hacerlo, lo mas que he logrado es dentro del plugin crear un archivo html donde le consigo pasar ese valor por medio de un include, y en el html lo paso a una variable en javaScript y lo muestro por un alert, pero lógicamente eso no me sirve.
Necesito ayuda para mostrarlo donde yo pido, he visto que con Ajax es posible hacer algo parecido pero no se como, no entiendo de ajax y me he visto par de paginas pero no me entero, si alguno me puede echar una mano lo agradeceria.
Codigo del plugin PHP:
<?php
$NumTarjetaFidelizacion = $_POST['NumTarjetaFidelizacion'];
$ClaveTarjeta = $_POST['ClaveTarjeta'];
global $wpdb;
$puntos = $wpdb->get_var( "SELECT puntos FROM nikkiclub WHERE numerotarjeta='$NumTarjetaFidelizacion' AND Clavetarjeta='$ClaveTarjeta'" );
include 'template/mensaje.html';?>
Codigo del html:
<script>
var puntos = <?php echo $puntos;?>;
alert(puntos);
document.getElementById("puntos").innerHTML = puntos;
Codigo del Custom HTML(Formulario que recoge los datos y los manda al PHP para hacer la consulta):
var puntos = 58
document.getElementById("puntos").innerHTML = puntos;
<form method="post">
<input type="text" name="NumTarjetaFidelizacion" required="">
<input type="text" name="ClaveTarjeta" required="">
<input type="submit" value="Consultar" >
<p>Tu saldo es: </p><div id="puntos"></div>
</form>
El código básicamente ha de recoger los datos de un usuario y mostrar cuantos puntos lleva acumulados.
puntos
(ese id no debe estar repetido en ninguna parte del DOM)? ¿Cómo manejas la respuesta de Ajax?puntos
a un contenedor? ¿Ese contenedor es visible? ponle algo de texto manualmente para ver si se ve. ¿Confirmas que no hay nada más con ese mismo id en el DOM? ¿Estodocument.getElementById("puntos").innerHTML = puntos;
está antes o después del formulario en la jerarquía del DOM?