`
SonofGod
  • 浏览: 20814 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

加载等待

阅读更多

在用户进行后台数据的查找时。为了有较好的体验效果。在后台数据返回前台前的这一段时间应该出现加载等待的显示div这样既能避免了用户在等待时的烦躁还可以避免了用户的频繁点击;
使用的jquery的blockUI.js 来实现遮罩层。jquery的ajax实现异步登录;

步骤一:引入js
    <script type="text/javascript" src="jquery.blockUI.js"></script>

步骤二:异步请求(jquery 的 ajax 请求)
   
    $.ajax({
            type :'post',
            url :'search.do?action=getPageData',
            dataType :'json',
            data : {
                'flag':flag,
                'name' :name
            },
            beforeSend:function(){
                //设置遮罩层
                $.blockUI({
                    message: '<image src="framework/images/loading/loadings.jpg"></image>',//自定义遮罩层中的"加载等待"的图片
                    css: {//遮罩层的大小等属性设置
                        border: 'none',
                        width: "20px",   // 宽度小一点
                        top: "50%",
                        left: "55%"
                    }
                });
                //将页面的按钮置为不可用
                $("#noclickCon")[0].disabled = true;
            },
            complete:function(){
                //移除遮罩层
                $.unblockUI();
                //将页面的按钮置为可用
                $("#noclickCon")[0].disabled = false;
            },
            success:function(data){
                //将后台返回的数据在前台页面进行展示
            },
            error:function(){

           }
        });

 

 

希望大家有指出不足!

分享到:
评论

相关推荐

    winform加载等待界面

    在开发Windows桌面应用程序时,有时需要提供一个加载等待界面,以增强用户体验,特别是在进行耗时操作(如数据加载、计算或网络通信)时。本文将详细介绍如何使用C#语言创建一个WinForm加载等待界面,并将其集成到你...

    简单jQuery加载等待转圈页面插件

    在网页开发中,用户体验至关重要,尤其是在处理数据加载或者页面跳转时,用户往往需要等待,此时加载等待界面就显得尤为重要。"简单jQuery加载等待转圈页面插件"就是为了解决这个问题而设计的,它能提供一个优雅的、...

    页面加载等待功能(JSP)

    在网页开发中,用户体验是至关重要的,特别是在处理大量数据或者执行复杂操作时,用户可能会遇到长时间的页面加载等待。为了优化这种体验,开发者通常会引入加载等待功能,以告知用户页面正在加载,并提供视觉反馈,...

    wpf圆形加载等待效果

    "wpf圆形加载等待效果"就是一个典型的示例,它用于在应用程序执行耗时操作时向用户提供反馈,表明程序仍在运行且即将完成。这种效果在现代软件中非常常见,比如在网页加载、数据同步或后台处理时,可以提高用户体验...

    WinFrom的加载等待框(异步)

    标题“WinFrom的加载等待框(异步)”所指的就是如何在WinForms应用中实现这样一个功能,而这个功能是通过异步编程来完成的。描述中的“Form1是一个小示例”,意味着它提供了一个简单的UI界面来展示如何使用这个等待...

    C# Winform进度条 数据加载等待控件

    "C# Winform进度条 数据加载等待控件"就是这样一个组件,它在数据加载或执行耗时操作时提供视觉反馈,告诉用户程序仍在运行,并且预计何时会完成。 这个控件的设计原则是简单易用,开发者只需一行代码就能快速地将...

    WPF加载等待效果

    "WPF加载等待效果"是指在程序进行后台处理时,为用户展示一个可视化的等待界面,以告知用户系统正在忙碌并请求他们耐心等待。这种效果能够提升应用的专业感,并减少用户因未知等待而产生的焦虑感。 实现WPF加载等待...

    canvas加载等待.zip

    "canvas加载等待.zip"这个文件可能包含了一个关于如何在Canvas元素上处理加载和等待状态的示例或教程。在网页应用中,尤其是在处理大图或者复杂图形时,加载和等待机制是非常关键的,因为它们直接影响到用户体验。 ...

    H5加载等待案例.zip

    "H5加载等待案例.zip"这个压缩包文件可能包含了一些示例,旨在展示如何在H5应用中处理加载等待的过程,以优化用户体验。以下是一些关于H5加载等待相关的知识点: 1. **预加载(Preloading)**:预加载是一种策略,...

    android开发加载等待提示框

    在Android应用开发中,加载等待提示框是一种常见的用户体验设计元素,它用于告知用户应用程序正在进行后台操作,如数据加载、网络请求或保存数据等,以防止用户在操作未完成时进行其他交互,造成数据混乱或者应用...

    android弹出框和加载等待

    在Android开发中,用户体验是至关重要的,而"android弹出框和加载等待"就是提升用户体验的重要手段之一。本文将深入探讨这两个概念,并提供实现自定义弹出框和加载等待效果的方法。 首先,让我们来理解一下Android...

    自定义加载等待框(已封装)

    在IT开发过程中,用户体验是至关重要的,特别是在进行网络请求或者数据加载时,为了提供良好的交互体验,开发者常常会使用加载等待框(ProgressDialog)。这个“自定义加载等待框(已封装)”项目,由CoderStar发布...

    C# Winform 加载等待

    c# winform 解决加载数据时间过长时,提供等待界面。 loadWaitting = new PPSLoading(); loadWaitting.Name = "LoadWaitting1"; this.Controls.Add(loadWaitting); this.loadWaitting.Dock = DockStyle.Fill; ...

    winform加载等待

    "winform加载等待"这个主题主要关注如何在WinForm应用中实现一个加载等待效果,以提高用户体验,避免在数据加载或处理过程中用户界面的不稳定性。 在描述中提到的"简单的掩盖加载时的闪烁",其实是一种常见的优化...

    JS加载等待效果

    JavaScript加载等待效果是一种常见的用户体验优化技术,特别是在网页内容动态加载或者需要进行大量计算时。它通过展示一个加载动画或进度条来告知用户页面正在处理数据,以减少用户的等待焦虑感,提升整体的交互体验...

    制作ajax加载等待图片

    当用户触发一个需要后台数据交互的操作时,如加载更多内容、提交表单等,通常会显示一个加载等待图片(loading animation),以告知用户数据正在加载并提示他们稍作等待。本文将详细介绍如何制作这样的Ajax加载等待...

    div加载等待

    在网页开发中,"div加载等待"是一种常见的用户体验优化策略,尤其在处理大量图片或复杂内容的页面时显得尤为重要。这个话题主要涉及到JavaScript技术,它用于控制页面元素(如div)的显示时机,确保用户在内容完全...

    web页面加载等待页面

    在网页设计中,"web页面加载等待页面"是一种优化用户体验的重要技术。当用户访问一个网页时,如果页面内容较多或者需要加载的数据复杂,可能会导致页面加载时间较长,这时加载等待页面就能发挥其作用,它会在实际...

    页面加载等待效果

    为了解决这个问题,"页面加载等待效果"被广泛采用,它在页面内容实际加载的过程中,向用户提供一种视觉反馈,让他们知道网站正在努力处理信息,并非停滞不前。这种效果通常表现为一个旋转的加载图标,也称为菊花图或...

    jquery选择卡/滑动门效果(解决了恶意滑动, 资源加载等待)

    在这个项目中,开发者已经创建了一个自定义的滑动门实现,它解决了常见的问题,如恶意滑动(可能由于用户的过度操作导致的不稳定状态)以及资源加载等待(确保内容在显示前已完全加载)。对于恶意滑动的处理,可能...

Global site tag (gtag.js) - Google Analytics