Visualizzazione del caricatore Ajax prima del caricamento dei dati

Ciao amici voglio mostrare il caricatore Ajax prima del caricamento dei dati in particolare div ma il problema è che i dati arrivano dinamicamente sulla stessa pagina ma il mio script chiama i dati da un altro file Script.php per favore vedi il mio codice sottoVisualizzazione del caricatore Ajax prima del caricamento dei dati

script

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

Il suo lavoro bene, ma voglio caricare i dati nella stessa pagina per favore mi aiuti

Grazie in anticipo ....

EDIT

voglio mostrare caricatore prima di caricare i dati in #xyz#myDiv

fonte

2012-07-17 Kamal

Qual è il problema? non vuoi chiamare ajax dati post da un'altra pagina o qualcos'altro? – diEcho

si può provare con i seguenti html -

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

e lo script -

fonte

2012-07-17 04:41:57 saihgala

puoi spuntare la mia risposta se lo hai trovato utile? – saihgala

sicuro ..:) ...... – Kamal

-1

si può provare con seguente script

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

fonte

2016-06-08 10:37:22

Visualizzazione del caricatore Ajax prima del caricamento dei dati

risposta

Problemi correlati