백엔드 개발 PHP 튜토리얼 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文件中,用浏览器运行
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Meituan에서 주문을 취소하는 방법 Meituan에서 주문을 취소하는 방법 Mar 07, 2024 pm 05:58 PM

Meituan에서 주문을 취소하는 방법

망고TV 자동갱신 취소는 어디서 하나요? 망고TV 자동갱신 취소는 어디서 하나요? Feb 28, 2024 pm 10:16 PM

망고TV 자동갱신 취소는 어디서 하나요?

WeChat에서 귀 기호를 취소하는 자세한 단계 WeChat에서 귀 기호를 취소하는 자세한 단계 Mar 25, 2024 pm 05:01 PM

WeChat에서 귀 기호를 취소하는 자세한 단계

WeChat 구독 결제 취소를 위한 작업 단계 WeChat 구독 결제 취소를 위한 작업 단계 Mar 26, 2024 pm 08:21 PM

WeChat 구독 결제 취소를 위한 작업 단계

iQiyi 자동 갱신 취소 방법 iQiyi 자동 갱신 취소 방법 iQiyi 자동 갱신 취소 방법 iQiyi 자동 갱신 취소 방법 Feb 22, 2024 pm 04:46 PM

iQiyi 자동 갱신 취소 방법 iQiyi 자동 갱신 취소 방법

jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법 jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법 Feb 20, 2024 am 10:07 AM

jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법

알리페이 안면인식 결제 어떻게 취소하나요? 안면인식 결제 취소 알리페이 튜토리얼 알리페이 안면인식 결제 어떻게 취소하나요? 안면인식 결제 취소 알리페이 튜토리얼 Mar 16, 2024 pm 03:07 PM

알리페이 안면인식 결제 어떻게 취소하나요? 안면인식 결제 취소 알리페이 튜토리얼

jQuery AJAX 요청 403 오류를 해결하는 방법 jQuery AJAX 요청 403 오류를 해결하는 방법 Feb 19, 2024 pm 05:55 PM

jQuery AJAX 요청 403 오류를 해결하는 방법

See all articles