2013-11-23 190 views
0

我是JavaScript新人, 我需要的是當表單提交時沒有錯誤時將下載圖像(gif)添加到以下腳本。如何將加載圖像添加到JavaScript代碼

我在網上使用腳本的代碼(類似Facebook的註冊表與jQuery)。

請幫忙嗎?

$(document).ready(function() { 
    $('#regForm').submit(function (e) { 
     register(); 
     e.preventDefault(); 
    }); 
}); 

function register() { 
    hideshow('loading', 1); 
    error(0); 
    $.ajax({ 
     type: "POST", 
     url: "submit.php", 
     data: $('#regForm').serialize(), 
     dataType: "json", 
     success: function (msg) { 
      if (parseInt(msg.status) == 1) { 
       window.location = msg.txt; 
      } else if (parseInt(msg.status) == 0) { 
       error(1, msg.txt); 
      } 
      hideshow('loading', 0); 
     } 
    }); 
} 

function hideshow(el, act) { 
    if (act) $('#' + el).css('visibility', 'visible'); 
    else $('#' + el).css('visibility', 'hidden'); 
} 

function error(act, txt) { 
    hideshow('error', act); 
    if (txt) $('#error').html(txt); 
} 

回答

1

需要2種元素的東西在你的HTML像

<img src="loading.gif" id="loading" style="visibility:hidden"> 

(將顯示與隱藏顯示( '裝',1),並再次隱藏時,服務器的響應。此外另一個

<img src="error.gif" id="error" style="visibility:hidden"> 

的錯誤。 當然loading.gif和error.gif中可以是任何有效的圖像文件。

+0

百萬謝謝,它很好用:D – weblover