欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.form.js 進度

錢淋西2年前8瀏覽0評論

jQuery Form Plugin是一款非常實用的jQuery插件,它能夠在提交表單的同時,自動異步處理服務器返回的信息。而在這個插件中,進度是很重要的一個概念。

進度可以用來告訴用戶當前上傳或下載已經完成了多少,還有多少需要等待完成。在jQuery Form Plugin中,可以通過一些回調函數和配置項來控制進度顯示。

$(document).ready(function(){
$("#upload-form").ajaxForm({
beforeSend:function(){//上傳前的回調函數
$("#progress").show();
$("#upload-status").html("正在上傳...");
},
uploadProgress:function(event,position,total,percentComplete){//上傳進度回調函數
$("#progressbar").attr("value",percentComplete);
$("#upload-status").html("正在上傳" + percentComplete + "%");
},
success:function(){//上傳成功回調函數
$("#progressbar").attr("value",100);
$("#upload-status").html("上傳成功!");
},
error:function(){//上傳失敗回調函數
$("#upload-status").html("上傳失??!");
}
});
});

在上面的代碼中,我們先使用 ajaxForm() 方法將表單綁定到一個 AJAX 請求,并設置了一些回調函數。在 beforeSend() 回調函數中,我們展示了一個進度條,和上傳狀態的提示信息。而在 uploadProgress() 回調函數中,根據上傳的進度,我們更新了進度條的狀態和上傳狀態信息。最后,在請求成功或失敗時,我們分別展示了上傳結果的提示信息。

總之,jQuery Form Plugin提供了一系列的方法和配置項,能夠控制上傳或下載的進度顯示。通過使用這些方法和配置項,再結合 CSS 樣式,我們就可以輕松實現進度顯示的效果。