Hiển thị bộ tải Ajax trước khi tải dữ liệu

Xin chào bạn bè tôi muốn hiển thị bộ tải Ajax trước khi tải dữ liệu trong div cụ thể nhưng vấn đề là dữ liệu đang đến động trên cùng một trang nhưng tập lệnh của tôi gọi dữ liệu từ một tệp khác Script.php vui lòng xem mã của tôi bên dướiHiển thị bộ tải Ajax trước khi tải dữ liệu

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>

của nó làm việc tốt nhưng tôi muốn tải dữ liệu trong cùng một trang hãy giúp tôi

Cảm ơn trước ....

EDIT

Tôi muốn cho bộ nạp trước dữ liệu tải #xyz vào #myDiv

Nguồn

2012-07-17 Kamal

vấn đề là gì? bạn không muốn gọi dữ liệu bài đăng ajax từ trang khác hoặc trang khác? – diEcho

bạn có thể thử với sau html -

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

và kịch bản -

Nguồn

2012-07-17 04:41:57 saihgala

bạn có thể đánh dấu câu trả lời của tôi nếu bạn thấy nó hữu ích? – saihgala

chắc chắn ..:) ...... – Kamal

-1

bạn có thể thử với sau kịch bản

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

Nguồn

2016-06-08 10:37:22

Hiển thị bộ tải Ajax trước khi tải dữ liệu

Trả lời

Các vấn đề liên quan