Question

我使用jquery和AJAX异步提交表单。请参阅以下代码

$("#save_report").click(function()
                {
                    $.ajax({
                        url : actionOfForm,
                        type : $('#custom_targeting_param_form').attr("method"),
                        data : $('#custom_targeting_param_form').serialize(),
                        success : function(){
                            alert('Report Saved successfully');
                            $("#showOrExportCustomTargetingReport").val('showReport');  
                        }
                    });
                    return false;
                });

我的html中有一个带有 save_report 的链接，点击该链接时，对URL进行了Ajax调用，该URL作为 actionOfForm 变量传递如上所示。

直到这一切都很好。但是现在我希望在后台进行表单提交时获得预加载器图像/文本，如 loading .. 。我想在一个警告框中显示它，而不是在我的HTML上...

因为我是新用户抱歉无法发布图片，但我希望我能理解

表单提交完成后，预加载器图像将消失，并替换为成功消息提醒。

你能帮我解决这个问题吗？

Answer 1

我认为你可以将你的形象放在div中......最后隐藏它..

<div id="imgDiv" style="display:none"><img src="/img.png"/><div>

然后单击你的链接（在AJAX调用上）..在页面顶部显示这个div（你必须使用一些css属性）。喜欢这个 -

$("#save_report").click(function()
                {
                    $('#imgDiv').show();// show your loading image
                 $.ajax({
                        url : actionOfForm,
                        type : $('#custom_targeting_param_form').attr("method"),
                        data : $('#custom_targeting_param_form').serialize(),
                        success : function(){
                            alert('Report Saved successfully');
                            $('#imgDiv').hide();// hide your image after successful call 
                             $("#showOrExportCustomTargetingReport").val('showReport');  
                        }
                    });
                    return false;
                });

在表单提交上添加一个jquery预加载器

1 个答案: