加載數據之前顯示Ajax加載器

你好朋友我想顯示Ajax加載器之前數據加載在特定的div但問題是數據是動態地在同一頁上，但我的腳本調用另一個文件的數據Script.php請參閱我的代碼加載數據之前顯示Ajax加載器

腳本

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

把

其工作正常，但我想在同一個頁面加載數據，請幫我提前

感謝....

編輯

我想顯示之前加載數據#xyz到#myDiv裝載機

來源

2012-07-17 Kamal

什麼問題試試？你不想從其他頁面或其他頁面調用ajax發佈數據？ – diEcho 2012-07-17 04:38:51

你可以用下面的HTML嘗試 -

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

和腳本 -

來源

2012-07-17 04:41:57 saihgala

如果您發現它有用，您可以打勾我的答案嗎？ – saihgala 2012-08-23 07:28:04

當然..：）...... – Kamal 2014-07-10 05:38:33

-1

你可以用下面的腳本

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

來源

2016-06-08 10:37:22

加載數據之前顯示Ajax加載器

回答

相關問題