当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 关于jQuery blockUI的使用详解

关于jQuery blockUI的使用详解

2018年10月05日  | 移动技术网IT编程  | 我要评论

1、使用场景

发送ajax请求时，禁止用户对的操作行为。

2、基本操作

发送ajax请求之前

$.blockui();

ajax请求成功，返回时

这里写代码片

$.unblockui();

示例、

$.ajax({

   url: url,

        type: 'get', //get

         async: false, //或false,是否异步

         data: {

         },

         timeout: 5000, //超时时间

         datatype: 'json', //返回的数据格式：

         beforesend: function (xhr) { 

             $.blockui();//请求之前打开

         },

         success: function (data, textstatus, jqxhr) {

             $.unblockui();//返回关闭

         },

         error: function (xhr, textstatus) { },

         complete: function () {

          }

     });

 }

升级、 

自定义样式：

$.blockui({ css: { backgroundcolor: '#f00'; color: '#fff' } })

$.blockui({ message: '<h1><img src="busy.gif" /> loading...</h1>' });

basez:添加定义层，越大在上层

$.blockui({

        message: "数据加载...",

        basez: 3000

      });

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网