pajax實現區域性重新整理效果

2021-10-04 22:57:40 字數 1045 閱讀 4385

我這以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...