Mostrar el cargador Ajax antes de cargar los datos

Hola amigos quiero mostrar el cargador Ajax antes de la carga de datos en particular div pero el problema es que los datos vienen dinámicamente en la misma página pero mi script llama datos de otro archivo Script.php por favor mira mi código debajoMostrar el cargador Ajax antes de cargar los datos

Guión

<script> 
function loadingAjax(div_id) 
{ 
    $("#"+div_id).html('<img src="ajax-loader.gif"> saving...'); 
    $.ajax({ 
     type: "POST", 
     url: "script.php", 
     data: "name=John&id=28", 
     success: function(msg){ 
      $("#"+div_id).html(msg); 
     } 
    }); 
} 
</script>

HTML

<body onload="loadingAjax('myDiv');"> 


<div id="myDiv"></div> 

<div id="xyz"><img src="ss/image/abc.jpg" /></div> 


</body>

Su trabajo bien, pero quiero cargar los datos en la misma página, por favor me ayude

Gracias de antemano ....

EDIT

Quiero mostrar cargador antes de cargar datos en #xyz#myDiv

Fuente

2012-07-17 Kamal

¿Cuál es el problema? no quieres llamar a Ajax publicar datos de otra página u otra cosa? – diEcho

puede probar con los siguientes html -

<body onload="loadingAjax('myDiv');"> 
    <div id="myDiv"> 
     <img id="loading-image" src="ajax-loader.gif" style="display:none;"/> 
    </div> 
</body>

y el guión -

Fuente

2012-07-17 04:41:57 saihgala

¿Puedes marcar mi respuesta si la encuentras útil? – saihgala

seguro ...:) ...... – Kamal

-1

se puede tratar con escritura siguiente

<script> 
function ajax() 
{`enter code here` 
    var options = {}; 
    options.url = ''; 
    options.type = 'post'; 
    options.data = ''; 
    options.dataType = 'JSON'; // type data get from sever 
    options.contentType = 'application/json';// type data post to sever 
    options.async = false; 
    options.beforeSend = function() { 

    }; 

    options.success = function (data) 
    { 

    }; 
    options.error = function (xhr, status, err) { 

     console.log(xhr.responseText); 
    }; 
    $.ajax(options); 
} 
</script>

Fuente

2016-06-08 10:37:22

Mostrar el cargador Ajax antes de cargar los datos

Respuesta

Cuestiones relacionadas