亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

AJAX 調用正在進行時顯示加載 gif

AJAX 調用正在進行時顯示加載 gif

PHP
烙印99 2023-08-19 17:43:05
如何在 AJAX 正在進行時顯示加載 gif 圖像?之前沒有,只是在 AJAX 進行時。AJAX 進度完成后,我需要在 div id #statusT 中顯示值<script>    $(document).ready(function(){        $("#formT button").click(function (ev) {            ev.preventDefault()            if ($(this).attr("value") == "btn_tool") {                $.ajax({                    type: 'post',                    url: '<?php echo APP_NAME;?>functions/app_form.php',                    data: $('form').serialize(),                    success:function(data){                        $("#statusT").html(data);                    },                    error:function (){}                });            }        });    });</script>
查看完整描述

2 回答

?
蝴蝶不菲

TA貢獻1810條經驗 獲得超4個贊

創建一個用于加載圖像的元素。頁面加載時默認隱藏圖像。單擊按鈕時顯示 gif 圖像,然后在 success() 和 error() 中再次隱藏它。


<script>

    $(document).ready(function(){

        $("#formT button").click(function (ev) {

            ev.preventDefault()

            $("#loadingImage").show(); // <---

            if ($(this).attr("value") == "btn_tool") {

                $.ajax({

                    type: 'post',

                    url: '<?php echo APP_NAME;?>functions/app_form.php',

                    data: $('form').serialize(),

                    success:function(data){

                        $("#loadingImage").hide(); // <---

                        $("#statusT").html(data);

                    },

                    error:function (){

                        $("#loadingImage").hide();  // <---

                        

                    }

                });

            }

        });

    });

</script>


查看完整回答
反對 回復 2023-08-19
?
桃花長相依

TA貢獻1860條經驗 獲得超8個贊

您可以使用 JQuery 的 .hide() 函數隱藏 gif。


$('#loading-image').show();

$.ajax({

? ? ? url: uri,

? ? ? cache: false,

? ? ? success: function(html){

? ? ? ? $('.info').append(html);

? ? ? },

? ? ? complete: function(){

? ? ? ? $('#loading-image').hide();

? ? ? }

? ? });

查看完整回答
反對 回復 2023-08-19
  • 2 回答
  • 0 關注
  • 195 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號