-3

送信をクリックしたときにアニメーションの読み込みを表示する方法...

<form id="submit">
  <textarea name="update"id="update"maxlength="500"></textarea>
  <input type="submit" id="saveResult" value="Save All Data" />
  <div id="displayResult"></div>

フォーム送信時にアニメーションの読み込みを表示

$("#saveResult").click(function() {
    var firstname = $("#update").val();
    lastname = $("#lname").val();
    $.post("re.asp", {
        update2: firstname
    }, function(data) {
        $("#displayResult").html(data);
    });
    $('#update').val('');
    return false;
});
4

1 に答える 1

1

呼び出しの前に要素を表示し、$.postポスト内で、コールバックで、データが到着したときに再び非表示にすることができます。

//jQuery
$("#saveResult").click(function () {
     var firstname = $("#update").val();
     lastname = $("#lname").val();

     //showing your loading element
     $('.loading').show();

     $.post("re.asp", {
         update2: firstname
     }, function (data) {
         $("#displayResult").html(data);

        //hidding your loading element
         $('.loading').hide();
     });
     $('#update').val('');
     return false;
 });

もちろん、ロード クラスで要素を作成する必要があります。

//HTML
<div class="loading">
    <img src="loadingGif.gif" alt="Loading..." />
</div>

デフォルトでは非表示になっています。

//CSS 
.loading{
    display:none;
}
于 2013-07-04T14:28:58.957 に答える