Question

我的目的是在一个按钮中显示一个＆＃34;加载图像＆＃34;当我调用$ ajax函数时。这是代码：

            $.ajax({
                url: link,
                type: "POST",
                data : formData,
                success: function(data) {


                  $('#result').hide();


                },
                  failure: function(result){


                  }

当我点击按钮时，我想显示一个像这样的加载图像：

http://img.ffffound.com/static-data/assets/6/77443320c6509d6b500e288695ee953502ecbd6d_m.gif

任何人都可以帮助我？

Answer 1

您可以使用jQuery BlockUI 等插件来执行此操作。只需在调用$ .ajax之前调用$.blockUI()。然后在成功事件结束时，请致电$.unblockUI()。

Answer 2

使用beforeSend

 $.ajax({
         url: link,
         type: "POST",
         data : formData,
         beforeSend: function() {  
            // call your loading gif here     
         },
         success: function(data) {
             $('#result').hide();
            },
        failure: function(result){


              }

Answer 3

检查fiddle。

它有你想要的逻辑。您可以使用html填充加载div并使用CSS设置样式。至于gif，最好使用具有透明背景的图像，或者更好的使用字体图标（如字体真棒），它也可以为您提供旋转图标。

希望有所帮助

将加载图像放在按钮$ ajax中

3 个答案: