jQuery actualiza una Div con un script PHP

Question

No tengo ni idea de cómo hacer esto, así que voy a seguir adelante y preguntar.

Lo que quiero hacer es actualizar el contenido de un div con un script PHP que tengo en un archivo externo, llamado send.php.

Así que tengo un div como este:

<div class="classname">

</div>

Y quiero publicar datos en este archivo send.php, y luego actualizar ese div con cualquiera que sea el resultado del script PHP. ¿Se puede hacer esto?

Answer 1

Para las llamadas ajax simples, normalmente prefiero usar $ .load ya que su gramática es extremadamente conciso. Pasar parámetros como un objeto (pares clave / valor) hará que use una solicitud POST:

<a href="no-script.php" class="something">Click!</a>

$(document).ready(function() {
    $('a.something').click(function(e) {
        //prevent the href from being followed
        e.preventDefault();

        //inject div.classname with the output of send.php
        $('div.classname').load('send.php', {param1: 'foo', param2: 'blah'});
    });
});

Si no necesita que sea un POST, solo puede agregar sus parámetros como una cadena de consulta:

$('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);

Answer 2

<a href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#classname").load("send.php?data=someData")
         evt.preventDefault();
      })
    })
</script>


<div id="classname">

</div>

Alguna documentación para leer:

1. http://docs.jquery.com/Ajax/jQuery.post

   • http://docs.jquery.com/Ajax/load

Answer 3

¡Absolutamente! Echa un vistazo a esta publicación para obtener instrucciones sobre cómo usar la funcionalidad ajax de jQuery. Entonces vas a querer llamar

$.(".classname").append("Whatever results you get");

Para llenar la div.

¡Buena suerte!