最近使用jquery結合Ajax開發一個中小型網站應用。在后臺管理中要使用Ajax調用系統功能,根據Ajax的返回結果,使用jQuery對前臺頁面進行操作。
比如,使用Ajax調用刪除信息的后臺功能,如果返回success,則調用刪除一行信息。
大體代碼如下:
刪除的鏈接設置如下:<a class="delete" href="/article/delete/5">
但是這種做法有個問題就是,文章列表要分頁顯示的,如果使用Ajax顯示下一個分頁,則在單擊超級鏈接刪除文章綁定的函數將失效。因為.delete的click函數是在頁面加載完成后綁定的,如果采用Ajax分頁的話,就必須重新綁定.delete的click。
有時需要使用如下類似的方法,<a onclick="delete()" href="/article/delete/5">,這種方法的好處就是即便使用Ajax分頁,也不用重新綁定鏈接的單擊函數。但是在刪除頁面的某個html標簽時就會遇到問題了,怎么傳遞對象呢?
對于Javascript高手來說這種事情應該是再簡單不過的事情了,在網上找了一些資料發現都不是我想要的,或許是我的問題不好表達吧,自己摸索了一下,可以這樣傳遞對象:<a onclick="delete(this)" href="/article/delete/5">,這樣就可以在調用delete的時候把a這個對象傳遞給delete函數了,然后再根據Ajax的返回結果刪除前臺頁面的相關信息。
出處:博客園