我這以ci框架為例。
1、準備工作
2、首次載入頁面
php**:
public function hot_list()
html:
123
1
jquery:
$(document).ready(function())
//$(document).pjax(區域性載入請求路徑,父頁面區域divid,{});
});
3、區域性重新整理請求的內容
php:
public function indexview()else
}
html:indexview這個頁面只放區域性重新整理的內容,外部css和js不需要在次引用,內部js和css需要拷貝過來
123
1
jquery:
$(document).ready(function());
注意:要實現區域性重新整理和不重複載入css和js的話一定要把區域性重新整理的內容重新新建為新頁面(外部css和js不需要在次引用,內部js和css需要拷貝過來)。
知識拓展:
$(document).pjax('a[data-pjax]', '.main-wrap', );
//載入過程
$(document).on('pjax:send', function () ).animate(,
}});
});//成功
$(document).on('pjax:success', function (data, status, xhr, options) );
//載入結束
$(document).on('pjax:complete', function () );
//失敗
$(document).on('pjax:error', function () );
iframe頁面實現區域性重新整理的效果
後台管理頁面左側和頭部固定,中間內容區域是iframe寫的頁面跳轉,實現f5重新整理和ctrl r強制重新整理不回首頁,還是在當前頁面。在你想重新整理的頁面加入下 監聽重新整理事件然後設定localstorage.setitem iframe src url window.addeventliste...
ajax方式實現區域性重新整理
利用js向服務端傳送請求,並且響應請求,分3要點 1.向後端處理頁面傳送請求 function input 2.監聽響應 處理響應 function callback if req.readystate 4 if req.status 200 接收資料 var datastr req.respons...
vue 實現區域性元件重新整理
1 provide inject 方法 isactive div template export default data method script 然後再用到的頁面引入,然後使用 export default script 2 利用 v if 直接操作元件 isshow export defau...