ajax的loading方法,ajax请求成功前loading

1.jquery方式

ajax加载loading图标

提交

$('#btn').click(function(){

$.ajax({

url:$('#test-form').attr('action'), //发送后台的url

type:'post',

data:$('#test-form').serialize(), //序列化表单内容

dataType:'text', //后台返回的数据类型

timeout:15000, //超时时间

beforeSend:function(XMLHttpRequest){

$("#loading").html(""); //在后台返回success之前显示loading图标

},

success:function(data){ //data为后台返回的数据

$("#loading").empty(); //ajax返回成功，清除loading图标

$('#res').html('ajax请求成功！');

}

});

});

2.js方式

xmlhttp.onreadystatechange = function(){

var loadingdiv = document.getelementbyid("loading");

loadingdiv.innerhtml = "loading...";

loadingdiv.style.right = "0";

loadingdiv.style.top = "0";

loadingdiv.style.display = "block";

//load completed

if(xmlhttp.readystate == 4) {

loadingdiv.style.display = "none";

loadingdiv.innerhtml = "";

if(xmlhttp.status == 200) {

var str = xmlhttp.responsetext;

/* do something here ! */

}

else

alert("error!" + "nstatus code is: " + xmlhttp.status + "nstatus text is: " + xmlhttp.statustext);

}

}

ajax请求成功前，加载中loading显示

/*第一次刷新--非定时器刷新数据*/ var fistInitColumn = true; var getAllColumnDatas = function(){ var params = {}; ...

jquery Ajax请求中显示Loading...

jquery Ajax请求中显示Loading... $('#btnTest').click(function(){      $.ajax({           url ---- ,根据你需要设置 ...

ajax请求成功后打开新开窗口(window.open())被拦截的解决方法

问题:今天在做项目时需要在ajax请求成功后打开一个新的窗口,此时遇到浏览拦截了新窗口的问题,尝试在ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('clic ...

Ajax请求成功但是一直进入error的原因

1.在1.3版本的jQuery以后,严格要求了json格式,如果返回的值不是json格式,他就会执行error函数. 所以如果想让他走success函数的话,还是在后台把数据格式化成json格式吧. ...

ajax请求成功,但是进入error

ajax请求成功,这是因为json数据没有严格按json格式返回

ajax请求加全局loading , 个别特殊请求不显示loading

项目中,请求开始前加载loading遮罩层,请求结束关闭遮罩,一般都会加在全局中,但有个别请求不需要加全局loading 的话,这时候就需要对这些请求进行配置 全局加loading: ; functi ...

IE9中ajax请求成功后返回值却是undefined

ie9中ajax请求一般处理程序成功后返回值始终是undefined,在网上找过很多资料,大致意思都是说前后端编码不一致造成的,但是按照资料上的方案去修改却发现根本不能解决我的问题,试过好多种方案都不 ...

ajax请求成功后新开窗口window.open()被拦截解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢   问题: 前面开发项目时碰到一个问题,ajax 异步请求 ...

ajax请求成功后新窗口window.open()被拦截的解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限 ...

随机推荐

VMware下利用ubuntu13.04建立嵌入式开发环境之五

tftp和nfs服务器配置 一.tftp服务器配置 1.安装软件包 1.1安装服务 apt-get install tftpd-hpa 1.2安装客户端 apt-get install tftp-hp ...

BestCoder25 1001.Harry and Magical Computer(hdu 5154) 解题报告

题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5154 题目意思:有 n 门 processes(编号依次为1,2,...,n),然后给出 m 种关系: ...

往sde中导入要素类报错000732

sde可以成功连接,可以在Server中注册. 但是向sde中导入要素类报错000732,如图所示. 点击红色圆圈提示 ERROR 000732. 将路径修改为绝对路径即可,如下图所示.

wpfのpack协议

当引用的资源需要做成dll时,要用此协议 协议:pack://      授权:有两种.一种用于访问编译时已经知道的文件,用application:///.一种用于访问编译时不知道.运行时才知道的文件 ...

让table 居于页面的正中间(上下左右均居中的方法)

?

BAT 前端开发面试 —— 吐血总结

更好阅读,请移步这里 聊之前 最近暑期实习招聘已经开始,个人目前参加了腾讯和阿里的内推及百度的实习生招聘,在此总结一下 一是备忘.总结提升,二是希望给大家一些参考 其他面试及基础相关可以参考其他博文: ...

mac下编译node源码

看过一篇win7 64x下面编译node的文章,链接地址:编译nodejs及其源码研究 下面学习一下在mac下面如何编译node源码. 过程也挺简单. 1.下载源码. > mkdir nodes ...