找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1060|回复: 0
打印 上一主题 下一主题

ajax取消挂起请求的处理方法

[复制链接]

2487

主题

2487

帖子

7391

积分

论坛元老

Rank: 8Rank: 8

积分
7391
跳转到指定楼层
楼主
发表于 2018-2-14 08:22:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            我们在切换选项卡的时候,如果使用的是ajax技术,会碰到如下情况:点击tab1选项,服务器发出一个Ajax请求获取该选项tab1的内容数据。如果请求正在处理,并且在此过程中你点击了tab2选项并发送一个新的请求,服务器现在就有了两个请求挂起。页面出现的结果是,在显示的数据内容时,先显示tab1选项的内容数据,再接着显示tab2选项内容。 在这种情况下,我们应该取消tab1挂起的请求,仅允许处理当前(tab2)请求 新建一个index.html 代码如下:
[U]复制代码[/U] 代码如下:
#box{
width:238px;
border: 1px solid #ccc;
height: 100px;
clear: both;
overflow: hidden;
}
.addBg{
background: url('./') no-repeat center;
}
-->

tab 1
  • tab 2
  • tab 3


    再建立一个4.php文件 代码如下:
    [U]复制代码[/U] 代码如下:
    ?>
    还要建一个文件夹js,
    里面放一个jquery-1.4.4.min.js文件,
    不一定是1.4.4版本;
    建一个文件夹img,
    里面放一个loading.gif等待的图片 将index.html + 4.php + js(文件夹) +img(文件夹)放到www文件中,用浏览器运行
                
                
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端