history.pushState鍜孉JAX璇锋眰鍙互閰嶅悎浣跨敤锛屼互瀹炵幇鏃犲埛鏂伴〉闈㈠姞杞藉拰娴忚鍣ㄥ墠杩涘悗閫€鍔熻兘銆?/p>

棣栧厛锛屽湪杩涜AJAX璇锋眰鏃讹紝鍙互浣跨敤history.pushState鏂规硶鏉ユ洿鏂版祻瑙堝櫒鐨勭姸鎬侊紝渚嬪锛?/p>

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "page2.html");

杩欐牱灏变細鍚戞祻瑙堝櫒鍘嗗彶璁板綍涓坊鍔犱竴涓柊鐨勭姸鎬侊紝骞朵笖涓嶄細鍒锋柊椤甸潰銆傚悓鏃讹紝鍙互鍦╯tateObj涓瓨鍌ㄤ竴浜涙暟鎹紝浠ヤ究鍦ㄥ悗閫€鎴栧墠杩涙椂浣跨敤銆?/p>

鐒跺悗锛屽湪鐩戝惉popstate浜嬩欢鏃讹紝鍙互鑾峰彇鍒皊tateObj涓殑鏁版嵁锛屽苟鏍规嵁杩欎簺鏁版嵁杩涜鐩稿簲鐨勫鐞嗭紝渚嬪锛?/p>

window.addEventListener('popstate', function(event) {
  var state = event.state;
  // 鏍规嵁state涓殑鏁版嵁杩涜鐩稿簲鐨勫鐞?/span>
});

閫氳繃杩欑鏂瑰紡锛屽彲浠ヤ娇椤甸潰鍦ㄨ繘琛孉JAX璇锋眰鏃讹紝鍚屾椂鏇存柊娴忚鍣ㄧ殑鐘舵€侊紝骞跺疄鐜版祻瑙堝櫒鍓嶈繘鍚庨€€鍔熻兘銆?/p>