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)