ajax取消掛起請求的處理方法_PHP教程

來源:互聯網
上載者:User
我們在切換選項卡的時候,如果使用的是ajax技術,會碰到如下情況:點擊tab1選項,伺服器發出一個Ajax請求擷取該選項tab1的內容資料。如果請求正在處理,並且在此過程中你點擊了tab2選項並發送一個新的請求,伺服器現在就有了兩個請求掛起。頁面出現的結果是,在顯示的資料內容時,先顯示tab1選項的內容資料,再接著顯示tab2選項內容。 在這種情況下,我們應該取消tab1掛起的請求,僅允許處理當前(tab2)請求 建立一個index.html 代碼如下:
複製代碼 代碼如下:






  • tab 1

  • tab 2

  • tab 3






再建立一個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檔案中,用瀏覽器運行

http://www.bkjia.com/PHPjc/326729.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/326729.htmlTechArticle我們在切換選項卡的時候,如果使用的是ajax技術,會碰到如下情況:點擊tab1選項,伺服器發出一個Ajax請求擷取該選項tab1的內容資料。如果...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.