Saltar al contenido

actualizar div usando jquery sin volver a cargar el ejemplo de código de página

Hola, hemos encontrado la solución a lo que buscas, continúa leyendo y la obtendrás a continuación.

Ejemplo 1: ¿Cómo puedo actualizar una página con jQuery?

$('#something').click(function()location.reload(););

Ejemplo 2: actualizar un div jquery

$(document).ready(function()$(function()$('#ideal_form').submit(function(e)
                e.preventDefault();var form =$(this);var post_url = form.attr('action');var post_data = form.serialize();$('#loader3', form).html('
Please wait...'
); $.ajax( type:'POST', url: post_url, data: post_data,success:function(msg)$(form).fadeOut(800,function() form.html(msg).fadeIn().delay(2000););););););

Ejemplo 3: página de actualización de jquery sin recargar

In general,if you don't know how something works, look for an example which you can learn from.Forthis problem, consider thisDEMOYou can see loading content withAJAX is very easily accomplished with jQuery:$(function()// don't cache ajax or content won't be fresh
    $.ajaxSetup(
        cache:false);var ajax_load ="cargando...";// load() functionsvar loadUrl ="http://fiddle.jshell.net/deborah/pkmvD/show/";$("#loadbasic").click(function()$("#result").html(ajax_load).load(loadUrl););// end  );Try to understand how this works and then try replicating it.Good luck.You can find the corresponding tutorial HEREUpdateRight now the following event starts the ajax load function:$("#loadbasic").click(function()$("#result").html(ajax_load).load(loadUrl););You can also dothis periodically:How to fire AJAX request Periodically?(functionworker()
  $.ajax(
    url:'ajax/test.html',success:function(data)$('.result').html(data);,complete:function()// Schedule the next request when the current one's completesetTimeout(worker,5000););)();I made a demo ofthis implementation for you HERE.Inthis demo, every 2seconds(setTimeout(worker,2000);) the content is updated.You can also just load the data immediately:$("#result").html(ajax_load).load(loadUrl);Which has THIS corresponding demo.

Sección de Reseñas y Valoraciones

Agradecemos que desees añadir valor a nuestra información contribuyendo tu veteranía en los comentarios.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *