如何在頁面調用函數加載

我正在使用Web服務使用AJAX調用我的HTML頁面。 Web服務返回數據將近30至40秒。如何在頁面調用函數加載

在此加載時間期間，我需要使用一些加載數據完全接收後的GIF圖像表單Web服務加載圖像必須隱藏。

我只使用HTML，JAVASCRIPT，CSS，J Query。

任何想法或樣品需要。

我用下面的代碼

$(document).ready(function() { 
document.write('<img src="http://www.esta.org.uk/spinner.gif">'); 
}); 
$(window).load(function() { 
//This following Function Related To My Design 
jQuery(".chosen").data("placeholder", "Select Frameworks...").chosen(); 
var config = { 
'.chosen-select': {}, 
'.chosen-select-deselect': { allow_single_deselect: true }, 
'.chosen-select-no-single': { disable_search_threshold: 10 }, 
'.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' }, 
'.chosen-select-width': { width: "95%" } 
} 
for (var selector in config) { 
$(selector).chosen(config[selector]); 
} 
});

在上面的代碼我的問題是在頁面加載GIF圖片顯示，但它不是隻隱藏GIF圖片只顯示。

來源

2013-10-18 Gurunathan

只要加載腳本，domcontentready（即jquery ready）偵聽器之外的任何代碼都會執行。你想做什麼？ – megawac

儘可能簡單...添加一個帶加載圖片的div先把它隱藏起來......在ajax調用之前顯示出來......並且將它再次隱藏在ajax回調中...... **沒有發佈代碼或至少是東西你已經嘗試過......我只能給你這樣的答案......我懷疑是有用的，但是對我們來說也是一樣的......沒有相關的代碼，這個問題本身對我們來說是無用的。** – bipen

你在使用'$。 ajax（）'得到結果？如果是這樣，請查找'beforeSend'屬性。 – melancia

將一個隱藏的圖像您的網頁上，一旦你的Ajax調用時，使該圖像可見

$('#image').show(); 
$.ajax({ 
    complete: function(){ 
    $('#image').hide(); 
    } 
});

，並再次隱藏在完成Ajax調用的這種形象。

來源

2013-10-18 06:24:17 Sarcastic

使用您的ajax請求回調（成功/失敗）而不是頁面加載。

來源

2013-10-18 06:23:46 promanski

當發送請求，只是通過設置顯示阻止然後當你有數據顯示設置爲none 或使用jQuery

function showHourGlass() 
{ 
    $("#gifimage").show(); 
} 

function hideHourGlass() 
{ 
    $("#gifimage").hide(); 
}

來源

2013-10-18 06:25:01 Kiarash

你問的想法顯示GIF動畫，我有一個樣本 - http://www.myntra.com/shoes 負載向下滾動快速度，這是阿賈克斯jQuery的要求是，你在你的問題中提到了精確的輸出

檢查源代碼

Jquery Ajax loading image while getting the data

這個HTML是什麼樣子：

<button id="save">Load User</button> 
<div id="loading"></div>

和JavaScript：

$('#save').click(function() { 
    // add loading image to div 
    $('#loading').html('<img src="http://preloaders.net/preloaders/287/Filling%20broken%20ring.gif"> loading...'); 

    // run ajax request 
    $.ajax({ 
     type: "GET", 
     dataType: "json", 
     url: "https://api.github.com/users/jveldboom", 
     success: function (d) { 
      // replace div's content with returned data 
      // $('#loading').html('<img src="'+d.avatar_url+'"><br>'+d.login); 
      // setTimeout added to show loading 
      setTimeout(function() { 
       $('#loading').html('<img src="' + d.avatar_url + '"><br>' + d.login); 
      }, 2000); 
     } 
    }); 
});

我希望這會幫助你。

來源

2013-10-18 06:29:33

如何在頁面調用函數加載

回答

相關問題