Saltar al contenido

cómo recargar div en el ejemplo de código jquery

Ejemplo 1: actualizar div jquery

$("#mydiv").load(location.href+" #mydiv");//this is actualy not so nice but it does the job.

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: AJAX en la recarga de un contenedor div

<div id="step1Content" role="Step1ShowCameraCaptures"class="marginLeft"><form><h1>CameraConfiguration</h1><!--Step1.1-ImageCapturesConfirmation--><div id="list"><div><p><a id="pickheadImageLightBox" data-lightbox="image-1" title="" href=""><img alt="" id="pickheadImage" src="" width="250" height="200"/></a></p><p><strong>PickheadCameraSerialNo:</strong><br /><span id="pickheadImageDetails"></span></p></div><div><p><a id="processingStationSideImageLightBox" data-lightbox="image-1" title="" href=""><img alt="" id="processingStationSideImage" src="" width="250" height="200"/></a></p><p><strong>ProcessingStationTopCameraSerialNo:</strong><br /><span id="processingStationSideImageDetails"></span></p></div><div><p><a id="processingStationTopImageLightBox" data-lightbox="image-1" title="" href=""><img alt="" id="processingStationTopImage" src="" width="250" height="200"/></a></p><p><strong>ProcessingStationSideCameraSerialNo:</strong><br /><span id="processingStationTopImageDetails"></span></p></div><div><p><a id="cardScanImageLightBox" data-lightbox="image-1" title="" href=""><img alt="" id="cardScanImage" src="" width="250" height="200"/></a></p><p><strong>CardScanCameraSerialNo:</strong><br /><span id="cardScanImageDetails"></span></p></div></div><div class="clearall"></div><div class="marginTop50"><p><input type="radio" name="radio1" id="optionYes"/>Yes, the infomation captured is correct.</p><p><input type="radio" name="radio1" id="optionNo"/>No,Please capture again.</p></div><div role="button"class="marginTop50 marginBottom"><input type="button" id="getCameraSerialNumbers" value="Capture Again"class="disabled"/><input type="button" id="confirmNext"  value="Confirm & Proceed"class="disabled marginLeft50"/></div></form>

Aquí tienes las comentarios y puntuaciones

Tienes la opción de añadir valor a nuestro contenido informacional participando con tu experiencia en las crónicas.

¡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 *