保留中のリクエストの Ajax キャンセルを処理する方法_PHP チュートリアル-PHPチュートリアル-php.cn

保留中のリクエストの Ajax キャンセルを処理する方法_PHP チュートリアル

WBOY

リリース： 2016-07-21 15:12:18

オリジナル

991 人が閲覧しました

タブを切り替えるときに、Ajax テクノロジーを使用すると、次の状況が発生します。tab1 オプションをクリックすると、サーバーはこのオプションの tab1 のコンテンツデータを取得する Ajax リクエストを送信します。リクエストが処理されており、このプロセス中に tab2 オプションをクリックして新しいリクエストを送信すると、サーバーには保留中のリクエストが 2 つあります。ページに表示される結果は、データの内容を表示するときに、最初に tab1 オプションのコンテンツデータが表示され、次に tab2 オプションの内容が表示されます。この場合、tab1 の保留中のリクエストをキャンセルし、現在の (tab2) リクエストの処理のみを許可して新しいindex.html を作成する必要があります。コードは次のとおりです:

コードをコピーしますコードは次のとおりです。次のように:

タブ 2

タブ 3

< ;div id="box"> php
sleep(1);
if(isset($_GET['what']))

{
switch($_GET['what'])
{

ケース 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 を配置します。画像の場合は、www ファイルにindex.html + 4.php + js (フォルダー) + img (フォルダー) を入れてブラウザで実行します

http://www.bkjia.com/PHPjc/326729.html

www.bkjia.com

true

http://www.bkjia.com/PHPjc/326729.html

技術記事
タブを切り替えるときに、ajax テクノロジーを使用すると、次の状況が発生します。tab1 オプションをクリックすると、サーバーはこのオプションの tab1 のコンテンツデータを取得する Ajax リクエストを送信します。もし...