• 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 歌曲资源微信公众号:ajax取消挂起请求的处理方法

    来源:本网整理

    彩票双色球历史开奖结果 www.s9h6.com 我们在切换选项卡的时候,如果使用的是ajax技术,会碰到如下情况:点击tab1选项,服务器发出一个Ajax请求获取该选项tab1的内容数据。如果请求正在处理,并且在此过程中你点击了tab2选项并发送一个新的请求,服务器现在就有了两个请求挂起。页面出现的结果是,在显示的数据内容时,先显示tab1选项的内容数据,再接着显示tab2选项内容。 在这种情况下,我们应该取消tab1挂起的请求,仅允许处理当前(tab2)请求 新建一个index.html 代码如下:
    复制代码 代码如下:
    <style><!--
    *{margin:0;padding:0;}
    li{list-style-type:none;}
    .tab{
    width:240px;
    margin: 50px auto;
    }
    .nav ul{
    clear:both;
    }
    .nav ul li{
    margin-right: 4px;
    padding: 1px 6px;
    border:1px solid #ccc;
    width:60px;
    background: #f1f1f1;
    float: left;
    text-align: center;
    cursor: pointer;
    }
    .nav ul li.selected{
    color:#fff;background:blue;
    }

    #box{
    width:238px;
    border: 1px solid #ccc;
    height: 100px;
    clear: both;
    overflow: hidden;
    }
    .addBg{
    background: url('./img/loading.gif') no-repeat center;
    }
    --></style>
    <script type="text/javascript" src="//www.tuxi.com.cn/itoks/admin/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript">// <![CDATA[
    $(function()
    {
    var ajax;
    $.ajax({
    type: 'GET',
    url: '4.php',
    data: 'what=1',
    success:function(data)
    {
    //加载成功后移除小图标
    // $("#box").removeClass("addBg");
    // $('#box').html(data);
    $("#box").removeClass("addBg").html(data);

    },
    beforeSend:function() //
    {
    //加载过程中得等待小图标,先清空box的内容
    $("#box").html('').addClass("addBg");
    }
    });

    $('.nav ul li').click(function()
    {

    $(this).addClass('selected')
    .siblings().removeClass('selected');
    var liName = $(this).attr('name');
    //alert(liName);
    //加载过程中得等待小图标,先清空box的内容
    $("#box").html('').addClass("addBg");

    if(ajax)
    {
    ajax.abort();
    //alert(ajax);
    }

    ajax = $.get(
    '4.php',
    {what : liName},
    function(data)
    {
    //加载成功后移除小图标
    $("#box").removeClass("addBg");
    $('#box').html(data);
    }
    );

    });
    });
    // ]]></script>
    <div class="tab">
    <div class="nav">
    <ul>
    <li class="selected">tab 1</li>
    <li>tab 2</li>
    <li>tab 3</li>
    </ul>
    </div>
    <div id="box"> </div>
    </div>

    再建立一个4.php文件 代码如下:
    复制代码 代码如下:
    <?php
    sleep(1);
    if(isset($_GET['what']))
    {
    switch($_GET['what'])
    {
    case 1: echo '111111111111111';
    break;
    case 2:
    echo '22222222222222222';
    break;
    case 3:
    echo '33333333333333333';
    break;
    default: echo '没有内容';
    }
    }

    ?>


    还要建一个文件夹js,
    里面放一个jquery-1.4.4.min.js文件,
    不一定是1.4.4版本;
    建一个文件夹img,
    里面放一个loading.gif等待的图片 将index.html + 4.php + js(文件夹) +img(文件夹)放到www文件中,用浏览器运行

  • 本文相关:
  • php页面消耗内存过大的处理办法
  • php 判断数组是几维数组
  • php实现单链表的实例代码
  • 比较简单的百度网盘文件直链PHP代码
  • PHP中图片等比缩放的实例
  • PHP 自定义错误处理函数trigger_error()
  • php中DOMElement操作xml文档实例演示
  • 自定义php类(查找/修改)xml文档
  • PHP字符过滤函数去除字符串最后一个逗号(rtrim)
  • php中将html中的br换行符转换为文本输入中的换行符
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 彩票双色球历史开奖结果 - 频道导航
    Copyright © 2017 彩票双色球历史开奖结果 www.s9h6.com All Rights Reserved
  • 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 四肖中特三期必中 快乐赛车官网 850捕鱼讨论 辽宁快乐12选5预测版 七星彩走势图带坐标的 西甲国王杯赛程2019 曾道人特码官方网 35选7中奖概率 大满贯 河南快3近200期 骰宝点数组合 好运棋牌评测 体育彩票p3试机号 中国竞彩网赛果 青海11选5今天开奖号