actualizar una parte de la página web en php

Question

desarrollo una página en la que necesito actualizar una parte de una página web, no una entera en php usando Ajax. Por favor me ayuda a hacer esto, gracias de antemano

Answer 1

Hay una buena guía de cómo el objeto XMLHttpRequest funciona a través de al http://www.jibbering.com/2002/4/httprequest.html

Sólo tiene que utilizar que, con cualquier condición que desea activar su actualización en, y un script PHP que generará solo los datos que le interesan.

Answer 2

PHP no puede hacer esto, solo un lenguaje del lado del cliente como JavaScript. Dicho esto, el jQuery library le permite hacer esto muy fácilmente con su AJAX functionality.

Index.php

<div id="scores"><!-- score data here --></div> 

Podría ser refrescada con el siguiente JavaScript:

$("#scores").load("index.php #scores"); 

Eso sería cargar el contenido del índice de #score de nuevo sin actualizar la página entera.

Incluso puede automatizarlo para actualizar cada 30 segundos con setInterval();

var $scores = $("#scores"); 
setInterval(function() { 
    $scores.load("index.php #scores"); 
}, 30000); 

Puede leer más sobre $.load() en http://api.jquery.com/load/#loading-page-fragments.

Answer 3

manera más rápida es utilizar la función jquery carga

de dejar que dicen que el contenido que desea cambiar se encuentran dentro de un div

, entonces puede simplemente:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 

<script type="text/javascript"> 

$().ready(function() { 
$("#dynamic").load("http://url/to/the/dynamic/data"); 
}); 

</script> 

Answer 4

Aquí hay un ejemplo básico usando PrototypeJS.

new Ajax.Updater('containerId', '/url/to/get/content', { 
    parameters: { somename: 'somevalue' } 
}); 

• El primer argumento es el ID del contenedor para poner el resultado de la llamada Ajax en.
• El segundo argumento es la dirección URL para enviar la solicitud a
• El tercer argumento, en su forma más básica es la lista de parámetros para enviar a la URL.

Para obtener más información sobre la solicitud Prototype Ajax, consulte la documentación de Ajax.Request.

Tomando una página de Jonathan's buena respuesta de jQuery, así es como ejecutarías la solicitud de Ajax en un temporizador usando Prototype's PeriodicalExecuter.

new PeriodicalExecuter(function(pe) { 
    new Ajax.Updater('containerId', '/url/to/get/content', { 
     parameters: { somename: 'somevalue' } 
    }); 
}, 30);