前端向后端发请求,这个请求需要几秒才返回。这几秒前端友好的显示转圈圈,或者提示怎在处理。真正处理完成后。圈圈消失。怎么做?
4条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
GoCityPass新加坡曼谷通票 2021-05-15 20:48最佳回答 专家已采纳显示一个遮盖层就行
<style> #loadbox { background: rgba(0,0,0,.6) url(https://www.w2trip.com/content/static/image/preloader.gif) center no-repeat; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999999; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; display: none } </style> <div id="loadbox"></div> <input type="button" onclick="sendajax()" value="Send Ajax"/> <script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script> <script> //注册ajax事件,发送前显示遮盖层,完毕后隐藏,注意如果使用$.ajax配置过下面2个事件,要在配置的事件中加入下面2句对应语句 //因为会覆盖setup设置的事件导致无法显示或隐藏 $.ajaxSetup({ beforeSend() { $('#loadbox').show() }, complete() { $('#loadbox').hide() } }); function sendajax() { $.ajax({ url: 'http://www.w3dev.cn/delay10s.ashx', success: function (s) { alert(s)} }); } </script>
采纳该答案 已采纳该答案 专家已采纳评论解决 1 无用 1打赏举报微信扫一扫
分享评论登录 后可回复...
查看更多回答(3条)
报告相同问题?
提交
相关推荐 更多相似问题
- 2021-05-15 17:20回答 4 已采纳 显示一个遮盖层就行 <style> #loadbox { background: rgba(0,0,0,.6) url(https://www.w2trip.c
- 2021-10-09 17:48回答 3 已采纳 可以尝试在 vue-router 的路由守卫里 触发对应函数, 页面加载是基于路由的,页面变化 路由会相应的改变 , 理论上可行。
- 2021-12-11 22:33回答 1 已采纳 你应该是用原生js吧用获取到的数据生成html片段,然后插入到页面中.例如: 获取到的数据是data=[ ] for(let i =0;i<data.length;i++){
- 2020-02-22 18:20snowflytian的博客 Flask基本框架 app\ static\ js\ json\ tempaltes\ ... __init__.py config.py ...1.前端html文件 {% extends "base.html" %} {% block content %} <div style="width:100px;float:left;m...
- 2022-01-01 20:21hanxiaozhang2018的博客 最近,项目中遇到一个前端下载文件时文件名称由后端提供的小需求(原来是前端把文件名称写死)。我们的项目架构是SpringBoot+React(TypeScript)。我看了一下后端代码,在设置响应的header已经塞进去文件名称。前端...
- 2021-12-28 20:27Bruce小鬼的博客 在学习时候没有一个全局总览的概念,只能每块知识点全部复习一遍才能在大脑形成全局概念,就像是盲人摸象。如果在开始复习时有了这个全局总览,复习起来就会有方向,效率也会提升,为此写下这篇文章。 3.前后端开发...
- 2020-12-16 11:05回答 2 已采纳 https://dada-superman.blog.csdn.net/article/details/109807367
- 2017-11-28 02:05回答 16 已采纳 ``` 此处加了一个,,该列全部跟着变注释、提示
- 2019-07-15 13:26回答 1 已采纳 1.第一级onChange的时候,清空第二级的options和form的值。清空第三级的options和form的值 2.查询第二级的后台接口,返回第二级的options,merge这个option
- 2021-05-28 21:14前海鱼的博客 今天在工作中遇到了请求后端数据,路径接口完全正确,但是就是拿不到值,后台显示404错误,针对这个问题我进行了如下操作,并成功解决了。 ** 可以从如下方向查找错误(亲测有效) 反复确认后端是否已经将数据部署...
- 2020-10-06 20:37Hello�tomorrow?的博客 前端 1.给模糊查询添加功能 <div role="tabpanel" class="tab-pane active" id="userPanel"> <div class="panel panel-default"> <div class="panel-body"> <form class="form-inline"> ...
- 2021-12-25 20:47是乃德也是Ned的博客 这个也是前端与后端交互所必需的东西,非常之重要。所以才有了标题的说法,它是前端知识链条中少不了的一环。 什么是Ajax? Ajax的核心是JavaScript对象XmlHttpRequest,XmlHttp使我们可以使用JavaScript向服务器...
- 2021-03-08 11:14回答 3 已采纳 一种方式是直接拼接在跳转链接后面('http://xxx.com/xx.html?price='+price+'&title='+title),另外就是传个id到跳转页面再查一次('http://xx
- 2021-09-27 21:16回答 1 已采纳 gzip
- 2020-04-21 11:49回答 4 已采纳 看下你的数据 是不是绑定值prop写错了 在就是为啥要异步执行
- 2021-08-20 11:31一直在测试路上前进的博客 方法: 1、通过F12或其它抓包工具(Fidder)来看http请求:发送请求、响应请求报文情况 2、日志信息 参考文章: https://www.zhihu.com/question/46433185/answer/667924745 ......
- 2021-06-11 01:09weixin_39885683的博客 我们考虑这个问题的时候必然是综合来看的,比如你说的同一个接口使用不同参数,这可能是一种良好的设计,也可能是一种很蠢的设计,没法一概而论.比如说,首屏展示产品信息,分别展示不同类目的top3,设计成了访问N(类目数)...
- 2018-10-16 20:57迷失红尘之中的博客 对于服务器开发工程师来说,前端页面的刷新分后端刷新和前端刷新,后端刷新的实现是通过模板+数据的方式实现的,前端刷新的实现是通过jQuery的Ajax+jQuery动态加载HTML、CSS的方式实现的 不管是后端刷新和前端刷新,...
- 2021-07-26 15:04回答 3 已采纳 上面你写的只要变一个就行了,前端虽然不是你说的8080端口,正因为如此,表单提交才会要跳转到8080端口那个链接呀,你的 <form action="CheckBox" method="POST
- 2020-08-14 17:39bigdata老司机的博客 前端和后端开发内容的区别 1、运行环境不同 (1)Web前端代码主要在客户端(PC、手机、pad)运行; (2)Web后端的代码主要在服务端运行,服务器可以在提供服务厂家的数据中心,也可以在云端。 2、与用户紧密...
- 没有解决我的问题, 去提问