首页
学习
活动
专区
圈层
工具
发布

Ajax请求过程中显示“进度”的简单实现

在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后...以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左)。...当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中);Ajax请求完成被返回响应的结果,结果被呈现出来的同时,GIF图片和...在ajax2方法中我们将options参数complete属性进行了“封装”,让可以将显示出来的GIF图片和遮罩隐藏起来。...在调用$.ajax(options)进行Ajax请求之前,我们将GIF图片和遮罩显示出来,并且将其定位在正中央。遮罩的透明度进行了相应设置,所以会出现上图(中)的效果。

2.5K90
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jquery ajax请求成功,数据返回成功,seccess不执行的问题

    1.状态码返回200--表明服务器正常响应了客户端的请求; 2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据,并且是符合业务逻辑的数据。...问题的来源是在输入key='a' 查询前十条数据时发现可以正常的展现数据,但是当我输入key值为z时,并且再查询前20条数据是发现数据不能展现,但是server返回了数据库中的数 据。...这时第一反应是事不时数据返回的有问题,粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现,显示不出来。...原因是ajax请求跨域了,解决方法是在两个文件里都添加一段 js: [/b]document.domain,或者采用Jsonp的方式,如我的前一篇blog中提到的。...还有一点对JQuery 中Ajax的一点其它的认识: 客户端发起请求,得到服务器端的相应是200,的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前

    4.9K30

    http 500 Internal Server Error的错误 ajax请求SpringMVC后台中返回500 Internal Server Error

    使用httprequester接口测试能返回数据,但是用ajax返回json格式的时候返回报500Internal Server Error。...400 bad request —-请求的参数变量名-类型与后台的同名参数类型不匹配导致的,比如sys_no后台是String,前台页面传输的是数字类型就会出现这样的错误,springmvc直接将这个错误封装成...ajax提交参数到springmvc的后台,一直获取不到参数值,参数值为null——请求的方式不对,导致参数没有按后台约定的形式传递。...比如下面实例的Controller接收的是一个名值对param是参数名、param的参数值是字符串类型。...Spring这个转换是靠org.codehaus.jackson这个组件来实现的,所有需要引入jackson-core-asl和org.codehaus.jackson两个jar包 : pom.xml:

    1.6K10

    如何用 ajax 连接mysql数据库,并且获取从中返回的数据。ajax获取从mysql返回的数据。responseXML分别输出不同数据的方法。

    我这篇的标题之所以用了三句,是为了方便其他人好查找;       这里介绍的方法有什么用呢? 使用它,就可以无闪刷新页面,并且从数据库获取实时改变的数据反馈回界面,显示出来!...,onreadystatechange是 XMLHttpRequest的一个属性,用来检测当前状态 36 当状态改变,就会触发函数,所有,如果只需要函数名,不要加括号*/ 37...主要使用get和post 41 //第二个参数:表示请求的URL地址,get方式的请求参数也在URL中 42 //第三个参数:表示采用同步还是异步方式进行交互,true...; 52 return; 53 } 54 } 55 56 57 58 //回调函数,就是刚才定义的函数,用来获取从服务器文件,asp或者php或者其他返回的信息...""; 12 //这里的 标签就是刚才(" "),里面要填的,通过这方式,分别输出、获取不同的值,下同 13 echo "" .

    9.9K81

    【从零学习python 】26. 函数参数与返回值的应用

    (b=1,2) # 关键字参数写在位置参数之前会导致出错 四、小总结 定义时小括号中的参数,用来接收参数用的,称为 “形参” 调用时小括号中的参数,用来传递给函数用的,称为 “实参” 函数返回值(一)...一、“返回值”介绍 现实生活中的场景: 我给儿子10块钱,让他给我买个冰淇淋。...,只有调用者拥有了这个返回值,才能够根据当前的温度做适当的调整 综上所述: 所谓“返回值”,就是程序中函数完成一件事情后,最后给调用者的结果 使用返回值的前提需求就是函数调用者想要在函数外使用计算结果...,最后儿子给你冰淇淋时,你一定是从儿子手中接过来 对么,程序也是如此,如果一个函数返回了一个数据,那么想要用这个数据,那么就需要保存 保存函数的返回值示例如下: #定义函数 def add2num(a,...b): return a+b #调用函数,顺便保存函数的返回值 result = add2num(100,98) #因为result已经保存了add2num的返回值,所以接下来就可以使用了

    99410

    Excel公式练习45: 从矩阵数组中返回满足条件的所有组合数

    本次的练习是:如下图1所示,在一个4行4列的单元格区域A1:D4中,每个单元格内都是一个一位整数,并且目标值单元格(此处为F2)也为整数,要求在单元格G2中编写一个公式返回单元格A1:D4中四个不同值的组合的数量...这四个值的总和等于F2中的值 2. 这四个值中彼此位于不同的行和列 ? 图1 下图2是图1示例中满足条件的6种组合。 ? 图2 先不看答案,自已动手试一试。...,其中的每一行等于上面给出的24种排列之一,然后将其传递给OFFSET函数,实现对所有24个数组的同时处理。...),{1;1;1;1})=4,MID(ROW(INDIRECT("1234:4321")),{1,2,3,4},1)-1,"") 虽然会在一开始就生成一个比必需的值大得多的数组,但是由于存在最小和最大的返回值...,包含数字0、1和2的所有可能排列。

    4.6K10

    阿里面试:“说一下从 url 输入到返回请求的过程”

    问题: 从浏览器地址栏输入url到请求返回发生了什么 你一看这种烂掉牙的问题,小case,但996面试大佬由此延展的问题已经远远超越了这个问题本身了,不信你就接着看。..."dns-prefetch" href="http://bdimg.share.baidu.com" /> 终于抗过了第一轮的猛问,接着我继续说从浏览器地址栏输入url到请求返回发生了什么?...:max-age=xxx,就会先比较当前时间和上一次返回200时的时间差,如果没有超过max-age,命中强缓存,不发请求直接从本地缓存读取该文件(这里需要注意,如果没有cache-control,会取...,如果相同,命中协商缓存,返回304;如果不一致则有改动,直接返回新的资源文件带上新的Etag值并返回200; 协商缓存第二个重要的字段是,If-Modified-Since,如果客户端发送的If-Modified-Since...的值跟服务器端获取的文件最近改动的时间,一致则命中协商缓存,返回304;不一致则返回新的last-modified和文件并返回200; 果不其然,大佬问了一些缓存不常问的,首先就是问我知道什么是from

    84920

    浏览器的一个请求从发送到返回都经历了什么?

    所谓的递归查询,是指DNS服务器在收到用户发起的请求时,必须向用户返回一个准确的查询结果。如果DNS服务器本地没有存储与之对应的信息,则该服务器需要询问其他服务器,并将返回的查询结构提交给用户。...而迭代查询则是指,DNS服务器在收到用户发起的请求时,并不直接回复查询结构,而是告诉另一台DNS服务器的地址,用户再向这台DNS服务器提交请求,这样依次反复,直到返回查询结果。...发送端从应用层往下走,接收端从数据链路层往上走 首先 :应用层客户端发送HTTP请求 HTTP请求包括请求报头和请求主体两个部分,其中请求报头了至关重要的信息,包括请求的方法(GET/POST)、目标url...服务器响应请求 服务接收到客户端发送的HTTP请求后,查找客户端请求的资源,并返回响应报文,响应报文中包括一个重要的信息 -- 状态码。状态码由三位数字组成。...服务器返回相应文件 服务器端收到请求后的由web服务器(准确说应该是http服务器)处理请求,诸如Apache、Ngnix、IIS等。

    2K30

    如何在 Spring MVC 中处理 AJAX 请求:从表单数据到文件上传的全流程

    ,经验总结,案例实战 全栈系列专栏:海纳百川有容乃大,可能你想要的东西里面都有 如何在 Spring MVC 中处理 AJAX 请求:从表单数据到文件上传的全流程 在现代 web 开发中,AJAX...我们希望通过 AJAX 提交数据,后端处理文件上传以及“导入类型”的选择,最后返回处理结果给前端。...注意,我们将选中的单选框的值(即 quoteType)作为一个额外的字段添加到 FormData 对象中。...$.ajax:发起 AJAX 请求,提交数据到服务器,并处理返回的响应。 通过这种方式,前端将文件和附加的表单数据以异步的方式发送给服务器。 3....可以在 AJAX 请求成功后,更新页面显示上传结果或处理进度条等动态效果。 通过理解整个流程的实现,你将能够在实际项目中灵活应对各种文件上传和表单数据处理的场景。

    18510

    揭秘Java方法的返回值,从void到诸多数据类型,有两下子!

    在定义方法时,我们需要定义方法名、参数列表、返回值类型及方法体。其中,返回值类型表示方法返回值的类型,可以是Java基本数据类型,也可以是引用类型,甚至可以是void。...本篇文章将从Java方法返回值的基础类型讲起,逐渐深入探讨Java方法返回值的详细内容。正文1. void类型  void类型是Java中的一种基础数据类型,表示“无返回值”。...返回值的多态  Java中的继承与多态概念可以拓展到方法的返回值类型。具体来说,如果一个方法的返回值类型是父类或接口类型,那么该方法可以返回其子类或实现类的对象。...在getAnimal方法中根据参数type的值返回对应的Animal子类对象,在main方法中调用getAnimal方法,分别将返回值赋值给a1和a2变量,并输出它们的name属性的值。  ...总结  本篇文章详细介绍了Java方法的返回值类型,包括基本数据类型、引用类型以及多态的应用。在实际开发中,我们需要根据具体需求选择合适的返回值类型,并保证方法的返回值类型与方法实现的功能一致。

    1.3K51
    领券