在用户进行后台数据的查找时。为了有较好的体验效果。在后台数据返回前台前的这一段时间应该出现加载等待的显示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(){
}
});
希望大家有指出不足!
分享到:
相关推荐
在开发Windows桌面应用程序时,有时需要提供一个加载等待界面,以增强用户体验,特别是在进行耗时操作(如数据加载、计算或网络通信)时。本文将详细介绍如何使用C#语言创建一个WinForm加载等待界面,并将其集成到你...
在网页开发中,用户体验至关重要,尤其是在处理数据加载或者页面跳转时,用户往往需要等待,此时加载等待界面就显得尤为重要。"简单jQuery加载等待转圈页面插件"就是为了解决这个问题而设计的,它能提供一个优雅的、...
在网页开发中,用户体验是至关重要的,特别是在处理大量数据或者执行复杂操作时,用户可能会遇到长时间的页面加载等待。为了优化这种体验,开发者通常会引入加载等待功能,以告知用户页面正在加载,并提供视觉反馈,...
"wpf圆形加载等待效果"就是一个典型的示例,它用于在应用程序执行耗时操作时向用户提供反馈,表明程序仍在运行且即将完成。这种效果在现代软件中非常常见,比如在网页加载、数据同步或后台处理时,可以提高用户体验...
标题“WinFrom的加载等待框(异步)”所指的就是如何在WinForms应用中实现这样一个功能,而这个功能是通过异步编程来完成的。描述中的“Form1是一个小示例”,意味着它提供了一个简单的UI界面来展示如何使用这个等待...
"C# Winform进度条 数据加载等待控件"就是这样一个组件,它在数据加载或执行耗时操作时提供视觉反馈,告诉用户程序仍在运行,并且预计何时会完成。 这个控件的设计原则是简单易用,开发者只需一行代码就能快速地将...
"WPF加载等待效果"是指在程序进行后台处理时,为用户展示一个可视化的等待界面,以告知用户系统正在忙碌并请求他们耐心等待。这种效果能够提升应用的专业感,并减少用户因未知等待而产生的焦虑感。 实现WPF加载等待...
"canvas加载等待.zip"这个文件可能包含了一个关于如何在Canvas元素上处理加载和等待状态的示例或教程。在网页应用中,尤其是在处理大图或者复杂图形时,加载和等待机制是非常关键的,因为它们直接影响到用户体验。 ...
"H5加载等待案例.zip"这个压缩包文件可能包含了一些示例,旨在展示如何在H5应用中处理加载等待的过程,以优化用户体验。以下是一些关于H5加载等待相关的知识点: 1. **预加载(Preloading)**:预加载是一种策略,...
在Android应用开发中,加载等待提示框是一种常见的用户体验设计元素,它用于告知用户应用程序正在进行后台操作,如数据加载、网络请求或保存数据等,以防止用户在操作未完成时进行其他交互,造成数据混乱或者应用...
在Android开发中,用户体验是至关重要的,而"android弹出框和加载等待"就是提升用户体验的重要手段之一。本文将深入探讨这两个概念,并提供实现自定义弹出框和加载等待效果的方法。 首先,让我们来理解一下Android...
在IT开发过程中,用户体验是至关重要的,特别是在进行网络请求或者数据加载时,为了提供良好的交互体验,开发者常常会使用加载等待框(ProgressDialog)。这个“自定义加载等待框(已封装)”项目,由CoderStar发布...
c# winform 解决加载数据时间过长时,提供等待界面。 loadWaitting = new PPSLoading(); loadWaitting.Name = "LoadWaitting1"; this.Controls.Add(loadWaitting); this.loadWaitting.Dock = DockStyle.Fill; ...
"winform加载等待"这个主题主要关注如何在WinForm应用中实现一个加载等待效果,以提高用户体验,避免在数据加载或处理过程中用户界面的不稳定性。 在描述中提到的"简单的掩盖加载时的闪烁",其实是一种常见的优化...
JavaScript加载等待效果是一种常见的用户体验优化技术,特别是在网页内容动态加载或者需要进行大量计算时。它通过展示一个加载动画或进度条来告知用户页面正在处理数据,以减少用户的等待焦虑感,提升整体的交互体验...
当用户触发一个需要后台数据交互的操作时,如加载更多内容、提交表单等,通常会显示一个加载等待图片(loading animation),以告知用户数据正在加载并提示他们稍作等待。本文将详细介绍如何制作这样的Ajax加载等待...
在网页开发中,"div加载等待"是一种常见的用户体验优化策略,尤其在处理大量图片或复杂内容的页面时显得尤为重要。这个话题主要涉及到JavaScript技术,它用于控制页面元素(如div)的显示时机,确保用户在内容完全...
在网页设计中,"web页面加载等待页面"是一种优化用户体验的重要技术。当用户访问一个网页时,如果页面内容较多或者需要加载的数据复杂,可能会导致页面加载时间较长,这时加载等待页面就能发挥其作用,它会在实际...
为了解决这个问题,"页面加载等待效果"被广泛采用,它在页面内容实际加载的过程中,向用户提供一种视觉反馈,让他们知道网站正在努力处理信息,并非停滞不前。这种效果通常表现为一个旋转的加载图标,也称为菊花图或...
在这个项目中,开发者已经创建了一个自定义的滑动门实现,它解决了常见的问题,如恶意滑动(可能由于用户的过度操作导致的不稳定状态)以及资源加载等待(确保内容在显示前已完全加载)。对于恶意滑动的处理,可能...