pjax怎樣用

來源:互聯網
上載者:User
求用過的人來回答 教會必定報酬

回複內容:

求用過的人來回答 教會必定報酬

window.history.pushState(state, title, url);// https://developer.mozilla.org/zh-CN/docs/Web/API/History/pushState// @狀態物件:  記錄記錄點的額外對象,可以為空白.// @頁面標題:  目前所有瀏覽器都不支援.// @可選的URL: 瀏覽器不會檢查URL是否存在,只改變URL.URL必須同域,不能跨域.

PJAX其實就是HTML5 window.history.pushState(state, title, url)這個新的API加上傳統的AJAX技術,一般用來實現無重新整理的頁面載入.pushState的作用主要是:改變URL和添加返回歷史.這樣AJAX無重新整理載入頁面後,使用者還可以正常進行後退和前進,JS的window.history.back()window.history.forward()也能正常工作.下面就是一個用pushState + jQuery AJAX實現的無重新整理的頁面載入,不支援的瀏覽器則自動退化成開啟原始的連結開啟形式.

index.php:Index    data.php    data.php:Data Content';    //下面這兩句是把PHP數組轉成JSON對象返回    header('Content-Type: application/json; charset=utf-8');    echo json_encode($arr);} else {    //常規請求返回HTML?>Data

Data Content

注意,JS統計代碼應該放到main塊裡面才能正常統計頁面訪問數.

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.