ロードデータの前に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>

私は #myDivに負荷データ #xyz前にローダーを表示したい私に事前に

感謝を助けてください細かい作業が、私は同じページにデータをロードしたい

その....

EDIT

出典

2012-07-17 Kamal

次を試すことができますか？他のページや他のものからAJAXの投稿データを呼びたくないのですか？ – diEcho

次のHTMLを試すことができます -

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

を0

とスクリプト -

出典

2012-07-17 04:41:57 saihgala

あなたが役に立つと分かったら、私の答えにチェックを入れることができますか？ – saihgala

確か：：）...... – Kamal

-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ローダーを表示

答えて

関連する問題