Heim Backend-Entwicklung PHP-Tutorial ajax取消挂起请求的处理方法_php技巧

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

May 17, 2016 am 09:06 AM
ajax 取消 请求

我们在切换选项卡的时候,如果使用的是ajax技术,会碰到如下情况:点击tab1选项,服务器发出一个Ajax请求获取该选项tab1的内容数据。如果请求正在处理,并且在此过程中你点击了tab2选项并发送一个新的请求,服务器现在就有了两个请求挂起。页面出现的结果是,在显示的数据内容时,先显示tab1选项的内容数据,再接着显示tab2选项内容。 在这种情况下,我们应该取消tab1挂起的请求,仅允许处理当前(tab2)请求 新建一个index.html 代码如下:

复制代码 代码如下:






 



再建立一个4.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文件中,用浏览器运行
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So stornieren Sie eine Bestellung bei Meituan So stornieren Sie eine Bestellung bei Meituan Mar 07, 2024 pm 05:58 PM

So stornieren Sie eine Bestellung bei Meituan

Wo kann ich die automatische Verlängerung von Mango TV kündigen? Wo kann ich die automatische Verlängerung von Mango TV kündigen? Feb 28, 2024 pm 10:16 PM

Wo kann ich die automatische Verlängerung von Mango TV kündigen?

Detaillierte Schritte zum Deaktivieren des Ohrsymbols auf WeChat Detaillierte Schritte zum Deaktivieren des Ohrsymbols auf WeChat Mar 25, 2024 pm 05:01 PM

Detaillierte Schritte zum Deaktivieren des Ohrsymbols auf WeChat

Vorgehensweise zum Stornieren der Abonnementzahlung bei WeChat Vorgehensweise zum Stornieren der Abonnementzahlung bei WeChat Mar 26, 2024 pm 08:21 PM

Vorgehensweise zum Stornieren der Abonnementzahlung bei WeChat

So kündigen Sie die automatische Verlängerung bei iQiyi. So kündigen Sie die automatische Verlängerung bei iQiyi So kündigen Sie die automatische Verlängerung bei iQiyi. So kündigen Sie die automatische Verlängerung bei iQiyi Feb 22, 2024 pm 04:46 PM

So kündigen Sie die automatische Verlängerung bei iQiyi. So kündigen Sie die automatische Verlängerung bei iQiyi

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt Feb 20, 2024 am 10:07 AM

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt

Wie kann ich die Zahlung per Gesichtserkennung bei Alipay stornieren? Alipay-Tutorial zum Stornieren von Zahlungen per Gesichtserkennung Wie kann ich die Zahlung per Gesichtserkennung bei Alipay stornieren? Alipay-Tutorial zum Stornieren von Zahlungen per Gesichtserkennung Mar 16, 2024 pm 03:07 PM

Wie kann ich die Zahlung per Gesichtserkennung bei Alipay stornieren? Alipay-Tutorial zum Stornieren von Zahlungen per Gesichtserkennung

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage Feb 19, 2024 pm 05:55 PM

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage

See all articles