ajax多次请求的一个效果思路
首先页面加载时候显示遮罩层
jQuery(function() {
show_dialog();
//tianxie();
});
定义一个全局数组,用于存放问题id
var qar = [];
循环问题id,并赋值到qar数组中
for (quid_index = 0; quid_index < results.totalProperty; quid_index++) {
questions[quid_index] = [];
questions[quid_index][0] = results.content[quid_index].quid; //问题编号
questions[quid_index][1] = results.content[quid_index].total; //问题类型
qar[quid_index] = results.content[quid_index].quid;
}
最后在ajax 请求成功后的回调函数里,做递减操作,判断最后回调是否为0(这里是5,程序还没完全写完,只能判断到这里。),最后遮罩层隐藏。
function optionsDataAjax(param, field) {
var options = jQuery.ajax({
async: true,
type: "get",
url: "${homeMoudle}/home/quickreport/optionsDataRes.htm",
data: param + field,
success: function(data,s,k) {
//alert("option======="+data);
var txt = eval('(' + data + ')');
var json = eval(txt.content);
for (var i = 0; i < json.length; i++) {
var quid = json[i].quid;
var total = json[i].total;
jQuery("#q" + quid).html('(' + total.toFixed(1) + '%)');
}
qar.splice(0,1);
//console.log("optionsDataAjax==="+qar.length);
if(qar.length==5){
tianxie();
}
}
});
} function fuxuanAjax(param, field) {
jQuery.ajax({
async: true,
type: "get",
url: "${homeMoudle}/home/quickreport/getFuxuan.htm",
data: param + field,
success: function(data) {
//alert("option======="+data);
var txt = eval('(' + data + ')');
var json = eval(txt.content);
for (var i = 0; i < json.length; i++) {
var quid = json[i].quid;
var total = json[i].total;
jQuery("#q" + quid).html('(' + total.toFixed(1) + '%)');;
}
qar.splice(0,1);
if(qar.length==5){
tianxie();
}
}
});
} function numberDataAjax(param, field) {
jQuery.ajax({
async: true,
type: "get",
url: "${homeMoudle}/home/quickreport/numberDataRes.htm",
data: param + field,
success: function(data) {
//alert("number======="+data);
var txt = eval('(' + data + ')');
if (txt.quid == 159 || txt.quid == 445 || txt.quid == 533 || txt.quid == 534) {
var size = jQuery("#companysize").html();
var val = txt.total / size;
jQuery("#q" + txt.quid).html(val.toFixed(2));
} else {
jQuery("#q" + txt.quid).html(txt.total.toFixed(2));
}
qar.splice(0,1);
if(qar.length==5){
tianxie();
}
}
});
} function tianxie() {
hide_dialog();
}
ajax多次请求的一个效果思路的更多相关文章
- JS 点击元素发ajax请求 打开一个新窗口
JS 点击元素发ajax请求 打开一个新窗口 经常在项目中会碰到这样的需求,点击某个元素后,需要发ajax请求,请求成功以后,开发需要把链接传给前端(或者说请求成功后打开新窗口),前端需要通过新窗口打 ...
- 关于ajax异步请求的一个细节问题
首先描述一下问题场景:我们正在做一个汽车出租项目,使用maven+ssm+easyui来完成,这个问题是在做汽车办理出租业务的时候出现的. 问题描述:在使用ajax发送异步请求时,遇到一个问题,就是在 ...
- 用iframe设置代理解决ajax跨域请求问题
面对ajax跨域请求的问题,想用代理的方式来解决这个跨域问题.在服务器端创建一个静态的代理页面,在客户端用iframe调用这个代理 今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到aja ...
- MVC的Ajax的异步请求
MVC的Ajax的异步请求 在这里小写一下MVC的异步请求的一点小总结. 个人认为是有两种的,一种就是跟webform一样的,依旧是使用jQuery的$.get()方法,只是请求地址不同,webfor ...
- 有关Ajax跨域请求的解决方案
前言 最近博主在赶项目进度.所以微信二次开发那边的博文一直没有更新.后续时间会慢慢记录这个学习历程的.来年公司要开发微信小程序.到时也会记录一下历程. 闲话少说,今天在工作中遇到了SpringMVC接 ...
- 使用Ajax发送http请求(get&post请求)
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 同步和异步 同步和异步的概念 同步:必须等待前面的任务完成,才能继续后面 ...
- Ajax跨越问题原因分析与解决思路
1.什么是AJAX跨域问题 简单来说,就是前端调用后端服务接口时 如果服务接口不是同一个域,就会产生跨域问题 2.AJAX跨域场景 前后端分离.服务化的开发模式 前后端开发独立,前端需要大量调用后端接 ...
- ext 的loadmask 与ajax的同步请求水火不容
由于ajax 的同步请求会有一段请求时间.有的短.有的长,对于短的我们还是能接受的,不过长的话就必须处理一下了, 就比如处于ext 4.2.0的框架下,需要一个遮掩的样式,框架是有自带的,loadma ...
- AJAX跨域请求json数据的实现方法
这篇文章介绍了AJAX跨域请求json数据的实现方法,有需要的朋友可以参考一下 我们都知道,AJAX的一大限制是不允许跨域请求. 不过通过使用JSONP来实现.JSONP是一种通过脚本标记注入的方式, ...
随机推荐
- 软件测试就业必备知识点&自学软件测试-Dotest-2019
软件测试就业必备知识点&自学测试&教学大纲-Dotest-2019
- 转载 javaweb三大框架和MVC设计模式 (自己加拉些内容)
javaweb三大框架和MVC设计模式 一.MVC设计模式 1.MVC的概念 首先我们需要知道MVC模式并不是javaweb项目中独有的,MVC是一种软件工程中的一种软件架构模式,把软件系统分为三个基 ...
- memcache (持续了解ing...)
mem cache 英[kæʃ] 美[kæʃ]vt. 贮藏; memcache是一套分布式的高速缓存系统,目前被许多网站使用以提升网站的访问速度,尤其对于一些大型的.需要频繁访问数据库的网站访问速度提 ...
- CF986B Petr and Permutations 思维
每次交换:逆序对的数量+1或者-1: 假设最后逆序对数量为 sum; ①x+y=3n; ②x-y=sum; -> 3n+sum为偶数: 所以 n 和 sum 必须奇偶一样: #include&l ...
- [USACO08OPEN]农场周围的道路Roads Around The Farm BZOJ 1621 DFS
Farmer John's cows have taken an interest in exploring the territory around the farm. Initially, all ...
- 在服务器上使用 gradle 打包 android 源码
安装 android-tools mkdir ~/android && cd ~/android wget https://dl.google.com/android/reposi ...
- Jupyter notebook介绍以及安装
一.Jupyter介绍 Jupyter Notebook是以web交互式的编程接口,是IPython notebook的升级版本.主要是针对python,另外支持运行 40 多种编程语言.Jupyte ...
- KM算法(理解篇)
转载:https://www.cnblogs.com/logosG/p/logos.html(很好,很容易理解) 一.匈牙利算法 匈牙利算法用于解决什么问题? 匈牙利算法用于解决二分图的最大匹配问题. ...
- Asp.net获取系统信息
[DllImport("kernel32")] public static extern void GlobalMemoryStatus(ref MEMORY_INF ...
- python3+selenium获取列表某一列的值
python3+selenium获取列表某一列的值 我们在坐自动化测试时,我们可能不想单纯的想验证一个选项卡,我们让脚本随机选择一个选项进行接下来的操作.例如我们想获取列表某一列的某一个数据(随机的) ...