正在等待JavaScript函數中的圖片？

Question

我有下面這個功能：

    function consult(number, sequence){
        form = document.forms[1];

        form.number.value = number;
        form.sequence.value = sequence;

        form.submit();

    }

提交后，將調用Java Action。

@Override
    public ActionForward perform(ActionMapping mapping, ActionForm form, HttpServletRequest request,
                    HttpServletResponse response) throws ApplicationException, SystemException {

        MyForm myForm=  (MyForm ) form;

        MyDelegate.getInstance().cancel(myForm);

        return mapping.findForward("cancel");
    }

可以在執行此功能時將一個簡單的gif等待嗎？

像這樣：

此任務可能需要7秒鍾。

Answer 1

好吧，您最初可以通過以下方式使用此gif：

opacity: 0;
display: none;

加載Submit方法之前的時間，它更改了不透明度並顯示為：

opacity: 1;
display: block;

函數結束后，將gif更改為初始狀態。

Answer 2

我這樣完成：

function consult(number, sequence){
    //Here you call your loading
    $.blockUI({ message: '<h1><img src="loading.gif" /> Wainting...</h1>' });

    form = document.forms[1];

    form.number.value = number;
    form.sequence.value = sequence;

    form.submit();

}

使用jQuery：

http://malsup.com/jquery/block/