Загрузка дисплея отображает в то время как сообщение с ajax

Question

Загрузка дисплея отображает в то время как сообщение с ajax

Я знаю, что в Интернете существуют тысячи примеров, но я хочу для сценария, я уже должен отобразить загрузку gif изображение, в то время как данные являются retrievedd. Мое знание Java плохо, поэтому я спрашиваю, как изменить следующее:

<script type="text/javascript"> 
 $(document).ready(function(){
  function getData(p){
    var page=p;
    $.ajax({
        url: "loadData.php?id=<? echo $id; ?>",
        type: "POST",
        cache: false,
        data: "&page="+ page,
        success : function(html){
            $(".content").html(html);
        }
    });
}
getData(1);

$(".page").live("click", function(){
    var id = $(this).attr("class");
    getData(id.substr(8));
        });
      });
  </script>

И мое отделение здесь:

    <div class="content" id="data"></div>

Спасибо. John

29

jquery ajax loading

задан Brandon 24 March 2010 в 17:04

2 ответа

Взгляните на ajaxStart и ajaxStop

9

ответ дан 28 November 2019 в 01:00

Другие вопросы по тегам:

jquery ajax loading

Похожие вопросы:

score 61 · Accepted Answer

Допустим, у вас есть тег где-то на странице, который содержит ваше сообщение о загрузке:

<div id='loadingmessage' style='display:none'>
  <img src='loadinggraphic.gif'/>
</div>

Вы можете добавить две строки к вашему вызову ajax:

function getData(p){
    var page=p;
    $('#loadingmessage').show();  // show the loading message.
    $.ajax({
        url: "loadData.php?id=<? echo $id; ?>",
        type: "POST",
        cache: false,
        data: "&page="+ page,
        success : function(html){
            $(".content").html(html);
            $('#loadingmessage').hide(); // hide the loading message
        }
    });