加载数据之前显示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加载器

回答

相关问题