ajax+json 實現三級聯動

ajax算是我自己前端學習進程的一個坎兒了。。同階段的小夥伴已經甩我一大段距離了尷尬尷尬

慕課上《ajax全接觸》課程算是看了兩遍。第一遍可能是對前後的知識理解不夠,完全懵逼,雖然照着敲代碼但是處於完全不懂的狀態,可能也因此ajax給我留下了一個不好懂,不好學的印象。前幾天第二遍看慕課,有種突然有所領悟的感覺。後來也參考了小夥伴的代碼,自己動手實現了ajax+json的三級聯動。


源碼:https://github.com/wangs311/Demo/blob/master/liandongtry.html


設計思路:

通過ajax將json文件中的內容獲取,再通過id相關參數,將對應的節點添加或刪除,即可實現聯動效果。


總結反思:

1.ajax部分難度不大,困難在json數據設計上。我的json設計就不是很恰當,當數量很多的話,有些方法就需要重寫了。

2.節點操作,可以看到聯動之後基本上就是節點的操作。所以DOM操作仍然是js操作的重中之重。


然後就是雞湯了:

不要因爲想象中的難而產生畏懼心理,在路上總會有收穫!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章