如何在ajax中取消挂起的请求

介绍

如何在ajax中取消挂起的请求?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

索引。html代码如下:

& lt; style> & lt; !——

*{保证金:0;填充:0;}
李{list-style-type:没有;}
.tab {
宽度:240 px;
保证金:50 px汽车;
}
。nav ul {
明确:;
}
。李nav ul {
margin-right: 4 px;
填充:1 px 6 px;
边界:1 px固体# ccc;
宽度:60 px;
背景:# f1f1f1;
:浮动;
text-align:中心;
光标:指针;
}
。nav ul li.selected {
颜色:# fff;背景:蓝色;
}

#箱{
宽度:238 px;
边界:1 px固体# ccc;
高度:100 px;
清楚:两个;
溢出:隐藏。
}
。addBg {
背景:url (& # 39;。/img/loading.gif& # 39;)没有重演中心;
}
——祝辞& lt;/style>
& lt;脚本类型=拔谋?javascript"脚本https://www.yisu.com/zixun/src=" https://www.jb51.net/itoks/admin/js/jquery-1.4.4.min.js ">
& lt;脚本类型=拔谋?javascript"在//& lt; ! [CDATA [
$(()函数
{
var ajax;
$。ajax ({
类型:& # 39;得到# 39;,
url: & # 39; php 4. # 39;,
数据:& # 39;什么=1 & # 39;,
成功:功能(数据)
{
//加载成功后移除小图标
//$ (“# box") .removeClass (“addBg");
//美元(& # 39;#箱# 39;). html(数据),
$ (“# box") .removeClass (“addBg") . html(数据);

},
beforeSend:函数()//
{
//加载过程中得等待小图标,先清空盒子的内容
$ (“# box") . html (& # 39; & # 39;) .addClass (“addBg");
}
});

$ (& # 39;。nav ul李# 39;).click(函数()
{

美元(这).addClass(& # 39;选择# 39;)
.siblings () .removeClass(& # 39;选择# 39;);
var liName=$(这).attr(& # 39;名字# 39;);
//警报(liName);
//加载过程中得等待小图标,先清空盒子的内容
$ (“# box") . html (& # 39; & # 39;) .addClass (“addBg");

如果(ajax)
{
ajax.abort ();
//警报(ajax);
}

ajax=$ . get (4.
& # 39; php # 39;,
{什么:liName},
功能(数据)
{
//加载成功后移除小图标
$ (“# box") .removeClass (“addBg");
美元(& # 39;#箱# 39;). html(数据),
}
);

});
});
//]]祝辞& lt;/script>
& lt; div类=皌ab"在
& lt; div类=皀av"在
& lt; ul>
& lt;李类=皊elected"在选项卡1 & lt;/li>
& lt; li>标签2 & lt;/li>
& lt; li>标签3 & lt;/li>
& lt;/ul>
& lt;/div>
& lt; div id=癰ox"祝辞,,& lt;/div>
& lt;/div>

再建立一个4。php文件代码如下:

代码如下:


& lt; ?php
睡眠(1);
如果(收取($ _GET[& # 39;你们# 39;]))
{
开关($ _GET[& # 39;你们# 39;])
{
案例1:回声& # 39;111111111111111 & # 39;;
打破;
案例2:
回声& # 39;22222222222222222 & # 39;;
打破;
案例3:
回声& # 39;33333333333333333 & # 39;;
打破;
默认值:回声& # 39;没有内容& # 39;;
}
}

?在

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

如何在ajax中取消挂起的请求