Ajax刪除效果的實現思路和注意細節

2021-06-10 06:42:00 字數 644 閱讀 5166

一般而言,如果普通刪除我們通常要頻繁重新整理網頁,沒進行一次刪除操作就要重新整理一次頁面,使用者體驗很不好,自己用著也不舒服。

好在我們擁有ajax這個好幫手,它能讓我們進行無重新整理的刪除操作。實現起來大家肯定都知道,js事件呼叫遠端php**,但是這裡有些細節還是要注意:

1、對分頁的影響

我們這裡假設用的是普通分頁,那麼在你用ajax刪除條目時,由於頁面不重新整理,如果刪除的條目導致分頁數目變化時,怎麼辦呢?

解決辦法:在每次ajax刪除後,生成新的分頁,傳回給前台,替換當前分頁。

2、智慧型翻頁

如果我們恰巧把當前頁面的條目全部刪除了,而又有其他條目,怎麼辦呢?因為ajax刪除不重新整理頁面我們就這樣停留在當前頁面嗎?當然不,該重新整理還得重新整理。

以上我們談及的情況,是ajax刪除效果+普通分頁;那麼ajax刪除效果+ajax分頁是不是也這樣處理呢?應該說邏輯過程是一樣的,不一樣的細節是,ajax分頁效果中,每一頁的資料都是通過ajax從後台返回到前台的,因此在進行智慧型翻頁的時候就不能跳轉了而是要直接返回翻頁後的資料給前端,同時也一樣要替換當前的分頁碼。

這裡只是給出了大體思路和一些細節問題的解決辦法,在具體寫**時,一些情況的處理方法是有很多的。比如,我如何判斷當前頁面的資料被全部刪除了並做智慧型跳轉呢?這個問題就留給大家討論吧,如果有好的解決方案不妨共享出來哦~

ajax 實現頁面載入和內容的刪除

ajax最大的好處就在於載入和刪除的時候不會跳轉頁面,現在的網頁大多都會選擇用ajax來寫,相比嵌入php 來說減少了 量,同時載入頁面也會比較快,下面是用ajax以資料庫fruit表為例寫的載入頁面和水果的刪除,剛開始用ajax可能寫起來還是會比較手生,就當是練習好了 下面就是首頁的 了,先建乙個...

AJAX實現購物車功能的思路

新增到購物車 1 商品頁面ajax提交productid和num數量給後台。2 後台從session中儲存當前使用者userid 接收ajax傳過來的資料,根據productid和userid查購物車表是否已存有同樣的資料,如果有就更新操作 where productid和userid更數num 表...

關於跨模組拿取資料的思路AJAX實現

最近專案中有兩個專案中,b專案需要用到a專案中的動態資料,研究了挺久的,cookie並不是同乙個,所以實現上有所問題,而且專案a 的這個功能資料基類,會被許多類繼承 這時候就想到了用ajax,本人比較喜歡用的是jq中的ajax的抓取 url填入的是所需要的專案a的路徑,去呼叫到我們封裝的獨立的方法,...