記錄一下前端ajax實現增刪改功能的步驟


 主要依賴三個按鈕:新增,刪除,編輯

 

新增:點擊時創建新的LI或者TR並append到父級里,此時無需調動后台接口(如果新增需要彈窗輸入val則可以調用);

刪除:判斷this是否有后台傳過來的id值,如果沒有,則為新增的,可直接刪除;如果有,則需要將Id值傳給后台,后台刪除記錄后前端再把Li給remove了;

確定(或者編輯):獲取所有的input的val值,判斷:如果沒有id值,為新增,放到數組1並調用后台add新增接口;如果有id並且val發生改變(需要預先保存原值並進行比較)則放到數組2調用edit接口。由於ajax實現數據傳輸是異步的,所以不能保證新增接口調用完了才執行編輯接口,此時可定義一個變量,值為2個數組的個數之和,循環一次,變量-- ,當變量為0時,代表數據傳輸結束。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM