0

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.

16
  • ¿El contenedor donde quieres que se muestre tiene el id puntos (ese id no debe estar repetido en ninguna parte del DOM)? ¿Cómo manejas la respuesta de Ajax?
    – A. Cedano
    Commented el 20 feb. 2019 a las 10:43
  • Con Ajax no he echo nada todavia, he intentado que me muestre los datos pero no lo consigo y la verdad que ya me frustra un poco esto. he puesto el mismo nombre y en el contenedor no me muestra el dato pero si lo hace por el alert Commented el 20 feb. 2019 a las 10:52
  • Si muestra los datos en el alert debe mostrarlos en el contenedor también. ¿Cuál es el HTML donde dices que le pusiste el id 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? ¿Esto document.getElementById("puntos").innerHTML = puntos; está antes o después del formulario en la jerarquía del DOM?
    – A. Cedano
    Commented el 20 feb. 2019 a las 10:54
  • Al ponerle texto manualmente si se ve, el problema viene que tengo que hacer la web con WordPress, y el formulario lo tengo en una pagina en un custom html, y no puedo referenciar el php al custom html, por lo que creo que es el motivo por el que no se muestra el codigo (he editado y puesto el codigo del formulario y del contenedor donde quiero que se muestre) Commented el 20 feb. 2019 a las 10:57
  • Yo no entiendo mucho lo que dices ni lo que quieres hacer realmente. Hablas de Ajax pero luego dices que no, que no estás usando Ajax. Hablas de un plugin y luego hablas de un custom.html, muestras un formulario, etc, etc. Lo que creo que te pasa es que tienes demasiado lío. No se entiende si quieres escribir un plugin el cual tenga un formulario que haga una búsqueda en el servidor y te traiga datos para mostrarlos en alguna parte. No se sabe si donde quieres mostrarlo es parte del mismo plugin, si ese plugin iría en un widget, etc. Creo que primero tienes que aclararte sobre lo que quieres.
    – A. Cedano
    Commented el 20 feb. 2019 a las 11:01

1 respuesta 1

0

Al final lo mejor fue como me indico el compañero, usar shortcodes que me mostraban los datos, me consultaban en la base de datos, y ya de paso hice que me crearan el formulario desde el php.

add_shortcode( 'compDatos', 'comprobarDatos' );
function comprobarDatos(){
  $NumTarjetaFidelizacion = $_POST['NumTarjetaFidelizacion'];
  $ClaveTarjeta = $_POST['ClaveTarjeta'];
  global $wpdb;
  $datos = $wpdb->get_results(
  $wpdb->prepare(
    "SELECT *
    FROM nikkiclub
    WHERE
    numerotarjeta='$NumTarjetaFidelizacion' AND
    Clavetarjeta='$ClaveTarjeta';
    "
    )
  );
  $mostrarDatos = '
  <div><h3>Datos del primer titular</h3></div>
  <form method="post">
  <div>Nombre: <input type="text" name="nombretutor1" value=' .
  $datos[0]->nombretutor1 .
  '> Apellidos: <input type="text" name="apellidostutor1" value=' .
  $datos[0]->apellidostutor1 .
  '>DNI: <input type="text" name="dnitutor1" value=' .
  $datos[0]->dnitutor1 .
  '></div>
  <input type="submit" value="Modificar" >
  </form>';
  return $mostrarDatos;
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.